2016-03-24 20 views
0

yii2レイアウトから簡単なHello Worldを取得しようとしています。 AppAsset.php:AngularJSはyii2で動作しません

... 
    public $js = [ 
     'js/angular.min.js', 
    ]; 
... 

レイアウト/ main.php: 'CTRL外'

... 
<html lang="<?= Yii::$app->language ?>" ng-app="app"> 
... 
<body ng-contoller="ctrl"> 
... 
    <div class="container"> 
     {{hello}} 
... 
<?php $this->endBody() ?> 
<?=Html::jsFile('@web/js/app.js')?> 
</body> 
... 

/js/app.js

angular.module('app', []) 
     .controller('ctrl', function($scope){ 
      $scope.hello = 'Hello World!'; 
      console.log('inside ctrl'); 
    }); 

console.log('outside ctrl'); 

が正常に動作します。 block 'inside ctrl'はそうではありません。 {{hello}}についてのページには何も表示されません。 どこを見逃しましたか?

答えて

0

なぜAppAssetの外部にアプリjsをロードしていますか?働くためにはそこにいなければなりません。

endbody関数の上にアプリケーションjsをロードしていないときにそれをしたくない場合は、

+0

AppAsset内のapp.jsは同じ動作をします。私は以前にそれをやった。 endbody関数の前にロードするとエラーが発生します。私はそれをロードする前に角度を呼び出すことはできません。 – barbocc

0

あなただけ

public $js = [ 
    'js/angular.min.js', 
    'js/app.js', 
]; 

と同じようAppAsset.phpで私のためにその作業をあなたのapp.jsファイルをインクルードする必要があります。

関連する問題