请问angularjs如何使用rootscope传数据
angularjs如何使用rootscope传数据
慕标琳琳浏览 582回答 4
4回答
-
一只名叫tom的猫
命名冲突。在javascript中命名冲突不会给出任何warning，如果你的项目不大出现概率较小，但非常难以调试。初始化顺序。如果你在ACtrl中定义了一个全局变量window.a，比如你想在BCtrl中使用它，那么你需要保证ACtrl在BCtrl之前得到执行，这往往是不好实现，甚至逻辑混乱的。在Angular中，最合理的办法是把a做成一个aService，注入到ACtrl和BCtrl之中。 -
吃鸡游戏
局势通过ng-model来实现，好比是result:{{Uname}}这样的效果就是首先是刷新页面显示input,p的结果都是zs,然后当你的输入狂里面输入你的值之后，后面的p标签的值也跟着改变 -
拉风的咖菲猫
Angular js (Angular.JS) 是一组用来开发Web页面的框架、模板以及数据绑定和丰富UI组件。它支持整个开发进程，提供web应用的架构，无需进行手工DOM操作。 AngularJS很小，只有60K，兼容主流浏览器，与 jQuery 配合良好。双向数据绑定可能是angularjs最酷最实用的特性,将MVC的原理展现地淋漓尽致.AngularJS的工作原理是:HTML模板将会被浏览器解析到DOM中, DOM结构成为AngularJS编译器的输入。AngularJS将会遍历DOM模板, 来生成相应的NG指令,所有的指令都负责针对view(即HTML中的ng-model)来设置数据绑定。因此, NG框架是在DOM加载完成之后, 才开始起作用的.在html中:<body ng-app="ngApp"><div ng-controller="ngCtl"><label ng-model="myLabel"></label><input type="text" ng-model="myInput" /><button ng-model="myButton" ng-click="btnClicked"></button></div></body>在js中:// angular appvar app = angular.module("ngApp", [], function(){console.log("ng-app : ngApp");});// angular controllerapp.controller("ngCtl", [ '$scope', function($scope){console.log("ng-controller : ngCtl");$scope.myLabel = "text for label";$scope.myInput = "text for input";$scope.btnClicked = function() {console.log("Label is " + $scope.myLabel);}}]);如上,我们在html中先定义一个angular的app,指定一个angular的controller,则该controller会对应于一个作用域(可以用$scope前缀来指定作用域中的属性和方法等). 则在该ngCtl的作用域内的HTML标签, 其值或者操作都可以通过$scope的方式跟js中的属性和方法进行绑定.
随时随地看视频慕课网APP
相关分类
AngularJS