角型テンプレートが機能しない

I m just starting out with AngularJS and Iこのコードに問題があります。角型テンプレートが機能しない

これはcribsController.jsと呼ばれる私のjsファイルのコードです：ここでは

angular 
.module('ngCribs') 
.controller('cribsController', function($scope) { 
    $scope.hello = 'Hello world!'; 
});

は私のhtmlです：

<html> 
<head> 
    <meta charset="utf-8" /> 

    <title>ng-cribs</title> 

    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"> 
</head> 

<body ng-app="ngCribs" ng-controller="cribsController"> 
    <h1>{{hello}}</h1> 
</body> 

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.2/angular.min.js"></script> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-bootstrap/1.2.5/ui-bootstrap.min.js"></script> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-bootstrap/1.2.5/ui-bootstrap-tpls.min.js"></script> 
<script src="app.js"></script> 
<script src="scripts/cribsController.js"></script>

私はhtmlファイルを表示すると、代わりに表示するのでhellow world !,私は{{こんにちは}}を取得します。

私はここで間違っていますか？

出典

2016-03-27 Steve B

'console'にエラーがありますか？また、 'app.js'を表示できますか？ –

私は、既存のモジュールでない答えを削除しました。 'app.js'の内容を確認する必要があります –

コンソールにエラーがないか確認してください。 – mehulmpt

Here it is working in plunker。

私がしたことは、関数呼び出しでコードをラップすることでした。

(function(angular) { 
'use strict'; 

angular.module('ngCribs', []) 
.controller('cribsController', function($scope){ 
$scope.hello = 'Hello'; 
}); 
})(window.angular);

出典

2016-03-27 15:56:25 ToddB

角型テンプレートが機能しない

答えて

関連する問題