angularjs错误,绑定不适用于此关键字

时间:2016-09-02 15:25:04

标签: javascript angularjs

无法开始使用angularjs,需要帮助。

我的app.js

var app = angular.module('cartApp', ['ui.router']);

app.controller('dashboardCtrl', function() {

    var dash = this;
    dash.something = "something";

});

的index.html

<!DOCTYPE html>
<html lang="en" ng-app="cartApp">
<head>
    <meta charset="UTF-8">
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>


    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-router/0.3.1/angular-ui-router.js"></script>


</head>
<body ng-controller="dashboardCtrl">{{something}}

/body>
</html>

我想我搞砸了,但不知道它在哪里。

3 个答案:

答案 0 :(得分:1)

您在控制器上下文(this)内可以使用所有绑定,因此您应该使用controllerAs模式在视图上的this中获取绑定。在那里,您将在alias指令&amp; {}中使用控制器ng-controller。你应该使用dash来获得控制器绑定。

<body ng-controller="dashboardCtrl as dash">
   {{dash.something}}
</body>
  

还要确保您在页面上引用了app.js

答案 1 :(得分:0)

你能试试控制器吗?

 app.controller('dashboardCtrl', function($scope) {

    $scope.something = "something";

});

答案 2 :(得分:0)

为了将来参考,我建议您遵循此great tip

它非常有用,因为它提供了更好的可读性并避免犯这些错误。