angularjs无作用域控制器
无作用域的控制器
使用前提：作用域不复杂、无需继承、无需控制器间通信。
如下就是一个无作用域控制器：
<html ng-app="exampleApp">
<head><title>Controllerstitle><script src="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js">script><link href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" /><script>var app = angular.module("exampleApp", []).controller("simpleCtrl", function () {this.dataValue = "Hello, Adam";this.reverseText = function () {this.dataValue = this.dataValue.split("").reverse().join("");}});script>
head>
<body><div class="well" ng-controller="simpleCtrl as ctrl"><h4>Top Level Controllerh4><div class="input-group"><span class="input-group-btn"><button class="btn btn-default" type="button"ng-click="ctrl.reverseText()">Reversebutton>span><input class="form-control" ng-model="ctrl.dataValue">div>div>
body>
html>
你可能已经发现了它和一般控制器之间的区别
1. 未对$scope造成依赖，而是用js的this关键字定义了自己的数据
2. 视图中访问时，需用如下方式访问<要应用的控制器> as <变量名>
3. 使用控制器中数据时：<数据名>.<控制器中变量>
END
本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！