如何在 YII 2.0 框架下使用 angualrjs 作为前端？

Question

我刚开始学习 angularjs，我想使用 angularjs 作为前端 YII 2.0.

我用谷歌搜索但没有找到任何解决方案，如果有人问同样的问题，我很抱歉。

使用高级应用程序 YII 2.0 我已将 angular.min.js 和 angular-resource.min.js 添加到 rootproject/frontend/assets/AppAsset.php

public $js = [
'assets/angularjavascript/angular.min.js',
'assets/angularjavascript/angular-resource.min.js',
];

index.php 文件

<html  data-ng-app=""> 
<head>

</head> 
<body> 

    <div ng-app="myApp" ng-controller="customersCtrl">

        <table>
          <tr ng-repeat="x in names">
            <td>{{ x.Name }}</td>
            <td>{{ x.Country }}</td>
          </tr>
        </table>

    </div>

    <script>
    var app = angular.module('myApp', []);
    app.controller('customersCtrl', function($scope, $http) {
       $http.get("http://www.w3schools.com/angular/customers_mysql.php")
       .success(function (response) {$scope.names = response.records;});
    });
    </script>


</body>
</html>

错误：

ReferenceError: angular is not defined
var app = angular.module('myApp', []);
Error: [$injector:modulerr]     http://errors.angularjs.org/1.3.15/$injector/modulerr?p0=myApp&p1=%5B%24injector%3Anomod%5D%20http%3A%2F%2Ferrors.angularjs.org%2F1.3.15%2F%24injector%2Fnomod%3Fp0%3DmyApp%0AR%2F%3C%40http%3A%2F%2Flocalhost%2Fyii__project%2Fadvanced%2Ffrontend%2Fweb%2Fassets%2Fangularjavascript%2Fangular.min.js%3A6%3A417%0AOd%2F%3C%2F%3C%2F%3C%40http%3A%2F%2Flocalhost%2Fyii__project%2Fadvanced%2Ffrontend%2Fweb%2Fassets%2Fangularjavascript%2Fangular.min.js%3A21%3A412%0Aa%40http%3A%2F%2Flocalhost%2Fyii__project%2Fadvanced%2Ffrontend%2Fweb%2Fassets%2Fangularjavascript%2Fangular.min.js%3A21%3A53%0AOd%2F%3C%2F%3C%40http%3A%2F%2Flocalhost%2Fyii__project%2Fadvanced%2Ffrontend%2Fweb%2Fassets%2Fangularjavascript%2Fangular.min.js%3A21%3A1%0Ag%2F%3C%40http%3A%2F%2Flocalhost%2Fyii__project%2Fadvanced%2Ffrontend%2Fweb%2Fassets%2Fangularjavascript%2Fangular.min.js%3A35%3A46%0Ar%40http%3A%2F%2Flocalhost%2Fyii__project%2Fadvanced%2Ffrontend%2Fweb%2Fassets%2Fangularjavascript%2Fangular.min.js%3A7%3A300%0Ag%40http%3A%2F%2Flocalhost%2Fyii__project%2Fadvanced%2Ffrontend%2Fweb%2Fassets%2Fangularjavascript%2Fangular.min.js%3A34%3A399%0Aab%40http%3A%2F%2Flocalhost%2Fyii__project%2Fadvanced%2Ffrontend%2Fweb%2Fassets%2Fangularjavascript%2Fangular.min.js%3A38%3A135%0Auc%2Fd%40http%3A%2F%2Flocalhost%2Fyii__project%2Fadvanced%2Ffrontend%2Fweb%2Fassets%2Fangularjavascript%2Fangular.min.js%3A17%3A381%0Auc%40http%3A%2F%2Flocalhost%2Fyii__project%2Fadvanced%2Ffrontend%2Fweb%2Fassets%2Fangularjavascript%2Fangular.min.js%3A18%3A179%0AJd%40http%3A%2F%2Flocalhost%2Fyii__project%2Fadvanced%2Ffrontend%2Fweb%2Fassets%2Fangularjavascript%2Fangular.min.js%3A17%3A1%0A%40http%3A%2F%2Flocalhost%2Fyii__project%2Fadvanced%2Ffrontend%2Fweb%2Fassets%2Fangularjavascript%2Fangular.min.js%3A250%3A429%0AjQuery.Callbacks%2Ffire%40http%3A%2F%2Flocalhost%2Fyii__project%2Fadvanced%2Ffrontend%2Fweb%2Fassets%2Fa462caba%2Fjquery.js%3A3094%3A10%0AjQuery.Callbacks%2Fself.fireWith%40http%3A%2F%2Flocalhost%2Fyii__project%2Fadvanced%2Ffrontend%2Fweb%2Fassets%2Fa462caba%2Fjquery.js%3A3206%3A7%0A.ready%40http%3A%2F%2Flocalhost%2Fyii__project%2Fadvanced%2Ffrontend%2Fweb%2Fassets%2Fa462caba%2Fjquery.js%3A3412%3A1%0Acompleted%40http%3A%2F%2Flocalhost%2Fyii__project%2Fadvanced%2Ffrontend%2Fweb%2Fassets%2Fa462caba%2Fjquery.js%3A3428%3A2%0A

在此先感谢您的帮助。

Answer 1

抱歉，如果我提出了愚蠢的问题，但作为 angular js 的新手，我没有找到任何答案。现在了解它的功能。

实际上我在搜索如何将 angular.js 本地包含到 YII 2.0 框架中，我自己做了，Vineet 也是正确的。

需要包含一个 angular.js 文件或对您网站的每个页面进行布局。

将它包含到布局文件的 head 标签中。

<script src="/root/yourjs_folder/angular.min.js"></script>

这可以帮助可能面临同样问题的人。

再次感谢。

如何在 YII 2.0 框架下使用 angualrjs 作为前端？

How to use angualrjs for front-end with YII 2.0 framework?

javascript

yii

angularjs