您好,我对 Angular 相当陌生,我刚刚开始使用它来启动我的第一个应用程序。这是我到目前为止所做的事情。这是我的索引文件:
<body ng-app="codeArt">
<div ng-controller="loginCtrl">
<ng-include src="/App/scripts/login/login.html"></ng-include>
</div>
<!-------------- Angular Libs ---------------------->
<script src="/App/libs/angular/angular.js"></script>
<!--------------- Code Art Main Module -------------->
<script src="/App/scripts/codeArt.js"></script>
<!--------------- Code Art Login Module -------------->
<script src="/App/scripts/login/login.js"></script>
</body>
索引文件存储在Views/Home/Index.cshtml中。这将是此处存储的唯一文件,并且需要它,因为我使用了 ASP.NET MVC。
我在 App/scripts/codeArt.js 中定义了我的主模块:
var codeArt = angular.module("codeArt", [
'codeArt.login'
]);
然后,我创建一个附加模块,其中包含与登录和注册相关的功能 App/scripts/login/login.js
var login = angular.module('codeArt.login', [])
我在 App/scripts/login/controllers/loginCtrl.js 中定义了一个控制器:
login.controller('loginCtrl', function($scope){
$scope.name = "Nistor Alexandru";
$scope.clicked = function(){
alert("I was clicked");
}
});
我还在 App/scripts/login/login.html 中定义了登录页面的主视图,如下所示:
<section>
<div>{{name}}</div>
<button ng-click="clicked()">Clicked Alert!</button>
</section>
从我的index.cshtml文件中可以看出,我尝试使用ng-include来加载login.html文件。出于某种原因,当我运行应用程序时,我只能找到一条注释,上面写着ng-include:undefined和html未加载。
我将在某个时候集成路由,但现在我想了解为什么它不能正常工作?
我也尝试过此路径 ../../App/scripts/login/login.html 假设它将查找与 index.cshtml 文件相关的文件,但事实并非如此。