本文分享了在学习Angular过程中遇到的问题及解决方法，包括ng-app的注入、多个依赖注入的作用域顺序、run方法初始化全局数据及ng-bind与ng-bind-template的区别等。通过实例解析，帮助开发者更好地理解和应用Angular。
初涉angular的一些小tip
很久就听说过angular的大名了,以及它的MVVC框架模型的优越性,最近一直在捣腾这个,在学习的过程中遇到的一些问题以及解决办法记录如下:
(1)当ng-app=""时,直接可以在内容中使用angular内置的一些功能,比如ag-model的双向数据绑定.但是当ng-app不为空值的时候,必须将ng-app进行注入操作,否则会提示ng-app注入失败的错误:
例如:
<!DOCTYPE html>
<html ng-app="myApp">
<head>
<meta charset="UTF-8">
<title>angular test</title>
<script type="text/javascript" src="js/angular.min.js"></script>
</head>
<body>
<input type="text" ng-model="name"/></br>
{{name}}
<script type="text/javascript">
var app = angular.module('myApp',[]);
</script>
</body>
</html>
如果将第二行的代码的ng-app设为空值,则会运行成功.
(2)当在向控制器传入多个依赖注入的作用域的时候,对应的函数的参数也应该有相同的顺序,例如:
app.controller('youController', ['$scope','$rootScope', function($scope,$rootScope){
....
}]);
(3)run 方法初始化全局的数据,而且只对全局作用域起作用,如$rootScope,例如:
app.run(['$rootScope',function($rootScope){
$rootScope.sex = '男';
}])
(4)ng-bind和ng-bind-template的区别：
ng-bind只能绑定一个变量，而ng-bind-template可以绑定多个变量，如：
<div ng-controller="myController">
<p ng-bind-template="{{name}}{{age}}"></p>
</div>
<script type="text/javascript">
var app = angular.module('myApp',[]);
app.controller('myController', ['$scope', function($scope){
$scope.name = 'sunshine';
$scope.age = '31';
}])
</script>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
