首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >使用ng-include会导致未定义

使用ng-include会导致未定义
EN

Stack Overflow用户
提问于 2014-06-17 02:12:10
回答 1查看 14.2K关注 0票数 18

大家好,我是angular的新手,我刚刚用it.Here启动了我的第一个应用程序,所以far.This是我的索引文件:

代码语言:javascript
复制
    <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中定义了我的主模块:

代码语言:javascript
复制
var codeArt = angular.module("codeArt", [
    'codeArt.login'
]);

然后,我创建了一个附加模块,它将包含与登录和注册相关的功能App/scripts/ login /login.js

代码语言:javascript
复制
var login =  angular.module('codeArt.login', [])

我在App/scripts/login/controllers/loginCtrl.js中定义了一个控制器:

代码语言:javascript
复制
 login.controller('loginCtrl', function($scope){
   $scope.name = "Nistor Alexandru";
   $scope.clicked = function(){
       alert("I was clicked");
   }
});

我还在App/scripts/ login /login.html中定义了登录页面的主视图,它看起来像这样:

代码语言:javascript
复制
<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文件相关的文件,但事实并非如此。

EN

回答 1

Stack Overflow用户

发布于 2014-06-17 02:27:47

内容是相对链接,因此您必须使用相对路径:../ ngInclude /...

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/24249684

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档