AngularJS 使用技巧
angularjs基础使用
<!doctype html> <html ng-app="mod"> <head> <meta charset="utf-8"> <title>无标题文档</title> </head> <body ng-controller="ctrl_1"> <ul> <li ng-repeat="x in data" ng-bind="x"></li> </ul> <script> var module=angular.module('mod', []); module.controller('ctrl_1', function($scope, $http) { $scope.data=[1,2,3] }) </script> </body> </html>
ng-click()事件传入当前对象方法:
<a href data="1" ng-click="fn($event)">1</a>
$scope.catTab=function(e){ alert(e.target.innerHTML) //e.target }
解决angularJS的花括号与后端程序冲突解决办法:
var module=angular.module('DIY', []); module.config(['$interpolateProvider', function($interpolateProvider) { $interpolateProvider.startSymbol('[['); $interpolateProvider.endSymbol(']]'); }]);
解决网速不好时候显示angularJS的花括号代码问题
<div> Hello, {{user.name}} </div> 上面代码改为如下代码 <div> Hello, <span ng-bind="user.name"></span> </div>
转载请注明来源:前端老徐的博客
《AngularJS 使用技巧》
发表评论