AngularJS不适用于yii2

Question

我正在尝试从yii2布局中获取简单的Hello World。 AppAsset.php：

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

layout / main.php：

...
<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');

'外部ctrl'工作正常。 但不会阻止“ inside ctrl”。 页面未显示有关{{hello}}的任何信息。 我在哪里错过？

Answer 1

为什么要在AppAsset外部加载应用js？ 为了工作也应该在那里。

如果您不想这样做，以免在endbody函数上方加载de js应用程序。

Answer 2

你只是需要包括你的app.js文件AppAsset.php等作为

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

它为我工作。

AngularJS不适用于yii2

问题描述

2 个解决方案

解决方案1
0 2016-03-24 06:51:29

解决方案2
0 2016-03-26 06:58:26

AngularJS不适用于yii2

问题描述

2 个解决方案

解决方案1 0 2016-03-24 06:51:29

解决方案2 0 2016-03-26 06:58:26

解决方案1
0 2016-03-24 06:51:29

解决方案2
0 2016-03-26 06:58:26