AngularJS 里面如后台的代码模式一样,也有自己的MVC模式
MVC模式讲的就是:M:model 即数据,我们需要使用的数据。V:view 即视图 我们这里呈现的视图即是HTML页面。C:controller 即我们在angularJS里面写的控制器函数,用来处理交互的数据。
废话不多说,给出一个demo,为方便展示,这里就不将css与js单独提取出来了:
在这段代码中,每个controller函数里面都是存在MVC模式的,
testCtrl 即 C
$scope 即 M
<div>标签里面的内容即是我们的 V
页面实现效果如下图:
我们在input输入框里面输入内容,下面的<h1>标签里面的内容也会随之变化。
Over !