大家好,我是angular的新手,我刚刚用it.Here启动了我的第一个应用程序,所以far.This是我的索引文件:
<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 file.For,但由于某种原因,当我运行应用程序时,我只能找到一条注释,上面写着ng-include: undefined,并且没有加载html。
我会在某一时刻集成路由,但现在我想知道为什么这不能正常工作?
我也尝试了这个路径../../App/scripts/login/login.html,因为它将锁定与index.cshtml文件相关的文件,但事实并非如此。
发布于 2014-06-17 02:27:47
内容是相对链接,因此您必须使用相对路径:../ ngInclude /...
https://stackoverflow.com/questions/24249684
复制相似问题