怎么三星强行恢复出厂设置手机USb,只充电行且设置中滑不动

function a($scope){
$scope.name="hello";
&div ng-controller="a"&
&p&{{name}}&/p&
通过在在双大括号内{{}}写入一个表达式,name是一个挂在当前作用域下面的一个变量,直接输出变量的结果代替这个变量。当我们想直接输出“name”这个字符串的话,直接在表达式内给name加上双引号“”,这样的话,双大括号就会把引号内的东西当成是字符串输出出来。
在&script&里面定义的函数a就是一个控制器(也就是“C”),$scope是当前控制器范围内的作用域,只有挂在$scope下面的数据才能被对应的模板访问到(这里的数据就是“M”),在body里面的div标签就是一个视图模板,在这个视图模板上面定义与其联系的控制器(这里的视图模板就是“V”),就这样,通过作用域$scope的联系下,架构出一种MVC的模式。
这一篇文章有点短,单纯的介绍在AngularJS的一个MVC的模式,如果有接触过MVC模式开发的人,无论是后台还是前端其他的MVC框架,来学AngularJS的MVC模式的时候,都会很快上手,只需要学一点语法知识就可以了。
本站专栏文章皆为原创,转载请注明出处(带有 前端乱炖 字样)和本文的显式链接(),本站和作者保留随时要求删除文章的权利!
WRITTEN BY
PUBLISHED IN
本专栏其他文章
浏览:1829赞:0
浏览:4181赞:0
浏览:2435赞:0
浏览:3533赞:0
浏览:1511赞:0
浏览:3521赞:0MVC5开发前端框架AngularJS快速入门之Controller
MVC5开发前端框架AngularJS快速入门之Controller
asp.net 学习
先看看AngularJS官方对Controller的解释
在Angular中,控制器就像 JavaScript 中的构造函数一般,是用来增强&&的。
当一个控制器通过&&指令被添加到DOM中时,ng
会调用该控制器的构造函数来生成一个控制器对象,这样,就创建了一个新的子级 作用域(scope)。在这个构造函数中,作用域(scope)会作为$scope参数注入其中,并允许用户代码访问它。
一般情况下,我们使用控制器做两件事:
初始化&$scope&对象为&$scope&对象添加行为(方法)
c从这个解释中可以看出,在angularJS中Controller是有作用域的,它的作用域就是它所附加的DOM标签域,其次Controller是为域对象$scope提供对象及方法,从而实现它所在的作用域内的DOM标签的双向绑定或事件处理。看个简单例子:
&div class=&col-md-3& id=&login& ng-controller=&LoginCtrl&&
&div class=&panel panel-primary&&
&div class=&panel-heading&&
&div class=&panel-title&&
&h5&用户登录&/h5&
&div class=&panel-body&&
&div class=&form-group&&
&label class=&control-label&&用户名&/label&
&input type=&text& class=&form-control& ng-model=&UserInfo.UserName& /&
&div class=&form-group&&
&label class=&control-label&&密码&/label&
&input type=&password& class=&form-control& ng-model=&UserInfo.Password& /&
&div class=&form-group&&
&button class=&btn btn-primary& ng-click=&Login()&&登录&/button&
在这个div中定义了一个LoginCtrl的控制器,那么这个控制器的作用域即是id=login的div。在上面的这段html中可以看出LoginCtrl包含了一个名为UserInfo的对象,这个对象包含了UserName,Password属性,同时在LoginCtrl中还包含了 一个Login的方法 。下面看看具体的代码 :
var loginApp = angular.module(&loginApp&, []);
loginApp.controller('LoginCtrl', function ($scope, $http) {
$scope.UserInfo={
UserName:&admin&,
Password:&admin&
$scope.Login=function() {
$http.post('/account/login', $scope.UserInfo).success(function (data,status) {
console.log('登录成功');
}).error(function (data,status) {
console.log('登录失败');
});从上面代码可以看出,controller设计也是基于模块的,每个Controller都必须由一个模块来进行创建。
上面 的 Controller的创建的第一参数是Controller的名称,后面的functions是它个一个构造函数,因为这个congroller需要使用$scope,$http,所以这个构造函数注入了两个angular的服务,如果有自定义的服务需要使用也需要在构造函数中进行注入,还有另外一种创建Controller的方式如下:
loginApp.controller('LoginCtrl',['$scope','$http',function($scope,$http){....}])
这种方式第一个参数还是Controller名称,后面跟这一个数组,在数组中前面是该Controller需要使用的服务依赖,最后是Controller的构造。
在这个Controller中我们定义了一个对象和一个方法,注意这里都是在$scope中进行定义,这就能理解官方说的是$scope的增强了。
最后,关于Controller的扩展和复用,按照官方的说法,每一个Controller对应一个view,如果有多个Controller使用相同内容时需要考虑将相同的部分抽像成服务,然后在Controller中调用这个服务从而实现对Controller的扩展。具体实现下面再进一步记录。
我的热门文章
即使是一小步也想与你分享馆藏&61675
TA的推荐TA的最新馆藏怎么用angular.js实现web开发下的mvc框架 - Web前端当前位置:& &&&怎么用angular.js实现web开发下的mvc框架怎么用angular.js实现web开发下的mvc框架&&网友分享于:&&浏览:24次如何用angular.js实现web开发下的mvc框架
AngularJS是Google推出的开源的JavaScript MV*(MVW、MVVM、MVC)框架,目前由Google维护。AngularJS弥补了HTML在构建应用方面的不足,其通过使用标识符(directives)结构,来扩展Web应用中的HTML词汇,使开发者可以使用HTML来声明动态内容,从而使得Web开发和测试工作变得更加容易。
之前在文章中介绍过mvc框架:简单来说,就是模型(model)-视图(view)-控制器(controller)的缩写,使用MVC的目的是将M和V的实现代码分离,从而使同一个程序可以使用不同的表现形式,C存在的目的则是确保M和V的同步,一旦M改变,V应该同步更新。MVC 模式同时提供了对 HTML、CSS 和 JavaScript 的完全控制。
那么,mvc的具体作用具体解释来说就是:Model(模型)是应用程序中用于处理应用程序数据逻辑的部分,常模型对象负责在数据库中存取数;View(视图)是应用程序中处理数据显示的部分,通常视图是依据模型数据创建的;Controller(控制器)是应用程序中处理用户交互的部分,通常控制器负责从视图读取数据,控制用户输入,并向模型发送数据。
angularjs有自己的控制器,对程序结构进行有效规范,例如通过$routeProvider,定义整个系统的路由表;
&span style="font-size: 16"&myModule.config(function($routeProvider) {
$routeProvider.when("/",{
templateUrl: "pages/activity_list.html",
controller: ActivityListController
}).otherwise({
redirectTo: "/"
用angular.js,写UI视图就是写正常的HTML/CSS,写逻辑控制代码就是用JavaScript操控数据(不是DOM),不同的就是增加了directive(directive封装Model与UI视图的关系,基本不必关心Model与UI视图的关系,直接操作Model就行了,UI视图自动更新。),实现DOM与数据的互动。AngularJS只是定义了一个环境和一个数据与视图交互的机制,并提供了若干通用组件和服务,所以AngularJS开发很简单,很高效,很“原生态”。
12345678910
12345678910
12345678910 上一篇:下一篇:文章评论相关解决方案 12345678910 Copyright & &&版权所有

我要回帖

更多关于 三星强行恢复出厂设置 的文章

 

随机推荐