2016-09-02 7 views
1

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> 

私は私が台無しだと思うけど、それがどこにあるかわかりません。

+0

こんにちは、完全なエラーを投稿してください。通常は注入エラーが表示されますが、注入モジュールに問題があるモジュールが表示されます。 – George

+0

''、 'index.html'の' app.js'ファイルも参照してください。 –

+0

@GeorgeLee '{{something}}'がエラーになりません。 –

答えて

1

コントローラコンテキスト(this)内にすべてのバインディングが用意されているため、パターンを使用して、ビュー上のthisでバインディングを取得する必要があります。コントローラaliasの中にng-controllerの指示文&を使用する場合は、コントローラバインディングを取得するためにdashを使用する必要があります。

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

また、ページ上のapp.jsを参照していることを確認してください。

0

コントローラで試してもらえますか?

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

    $scope.something = "something"; 

}); 
0

今後の参考として、このgreat tipに従うことをお勧めします。

このような誤解を避けるため、読みやすくするために非常に便利です。

関連する問題