最初の角度のJSコントローラの値が表示されない

Question

私はAngularのWebサイトでチュートリアルを行い、ほとんどのことを理解していましたが、今は自分自身を大騒ぎして実験しようとしています。たとえ最も基本的なことが起こっても失敗することさえあります。

は、ここに私のview1.html

<p>This is the partial for view 1.</p> 
<p>{{$ctrl.testvalue}} Hello </p> 

だとここで私のview1.js

'use strict'; 

angular.module('myApp.view1', ['ngRoute']) 

.config(['$routeProvider', function($routeProvider) { 
    $routeProvider.when('/view1', { 
    templateUrl: 'view1/view1.html', 
    controller: 'View1Ctrl' 
    }); 
}]) 

.controller('View1Ctrl', [function() { 
    this.testvalue = "Hey there"; 
}]); 

私はhtmlファイルで2番目の行を追加する変更しただけのもの

、および中でtestValueですモジュールのコントローラセクションに表示されます。

ウェブページを読み込むと、「Hey there」というテキストは表示されません。私は間違って何をしていますか？

ありがとうございます。

Answer 1

あなたは、あなたがあなたのルートの設定でcontrollerAs構文で行くことができる範囲を使用しないようにしようとしている場合：

.controller('View1Ctrl', [function() { 
    var vm = this; 
    vm.testvalue = "Hey there"; 
}]); 

そして、あなたのルート設定で：

あなたのhtmlで

.config(['$routeProvider', function($routeProvider) { 
    $routeProvider.when('/view1', { 
    templateUrl: 'view1/view1.html', 
    controller: 'View1Ctrl', 
    controllerAs: 'vm' 
}); 
}]) 

そして：

<p>This is the partial for view 1.</p> 
<p>{{vm.testvalue}} Hello </p> 

もちろん、ルート設定でcontrollerAsを追加しても問題ありません。