个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
25
4
我正在学习 MEAN，现在我对使用 AngularJS JavaScript v.1.2.19 制作的前 View 有疑问。
这是我的index.html
<!DOCTYPE html>
<html ng-app="loc8rApp">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title></title>
<link rel="stylesheet" href="/bootstrap/css/amelia.bootstrap.css">
<link rel="stylesheet" href="/stylesheets/style.css">
</head>
<body ng-view>
<!--ng-view directive now sits in body tag so that we can control full page in Angular-->
<!--script src="/angular/angular.min.js"></script-->
<script src="/angular/angular.js"></script>
<script src="/lib/angular-route.min.js"></script>
<script src="/app.js"></script>
<script src="/common/services/loc8rData.service.js"></script>
<script src="/common/services/geolocation.service.js"></script>
<script src="/common/directives/ratingStars/ratingStars.directive.js"></script>
<script src="/common/directives/footerGeneric/footerGeneric.directive.js"></script>
<script src="/common/directives/navigation/navigation.directive.js"></script>
<script src="/common/directives/pageHeader/pageHeader.directive.js"></script>
<script src="/common/filters/formatDistance.filter.js"></script>
<script src="/home/home.controller.js"></script>
<script src="/about/about.controller.js"></script>
<script src="/javascripts/jquery-1.11.1.min.js"></script>
<script src="/bootstrap/js/bootstrap.min.js"></script>
<script src="/javascripts/validation.js"></script>
</body>
</html>
这是我在客户端的app.js
(function () {
angular.module('loc8rApp', ['ngRoute']);
function config ($routeProvider, $locationProvider) {
$routeProvider
.when('/', {
templateUrl: 'home/home.view.html',
controller: 'homeCtrl',
controllerAs: 'vm'
})
.when('/about',{
templateUrl: '/common/views/genericText.view.html',
controller: 'aboutCtrl',
ControllerAs: 'vm'
})
.otherwise({redirectTo: '/'});
$locationProvider.html5Mode(true);
}
angular
.module('loc8rApp')
.config(['$routeProvider', '$locationProvider', config]);
})();
第一条路线(home/home.view.html View 和 homeCtrl)在我调用时完美运行(两种方式绑定(bind)都可以)并且自定义指令也可以工作正常。
但是第二条路由(/common/views/genericText.view.html View 和aboutCtrl)有问题。自定义指令没问题，但未显示来自 Controller 的值。
我试过几个测试:
将 HTML 文件和 Controller *.js 文件放在同一目录中。
在浏览器的控制台中显示来自 Controller 的几条消息，并在 html 中添加个性化评论(以检查两个文件是否被正确请求和执行)
检查 HTML(使用 Chrome 开发工具) View 并检查 Angular 变量是否为空或没有任何值。
所有这些都没有成功。
我使用了 3 个自定义指令(一个导航栏、一个页眉和一个页脚)，它们在 HTML 中正确呈现。但是在 Controller 中创建的值没有被渲染，所以主体是空的。
这些是我的有问题的文件:
关于.controller.js
(function () {
angular
.module('loc8rApp')
.controller('aboutCtrl', aboutCtrl);
function aboutCtrl() {
var vm = this;
console.log('debug'); //shown console
vm.pageHeader = {
title: 'test',
strapline: 'this is the strapline'
};
vm.main = {
content: "this is the content"
};
vm.yeah = "this is for testing";
console.log(vm.pageHeader.title); //shown at console
console.log(vm.main.content); //shown console
console.log(vm.yeah); //shown console
}
})();
和 View 文件
<!-- custom directive -->
<navigation></navigation>
<div class="container">
<!-- custom directive -->
<page-header content="vm.pageHeader"></page-header>
<div class="row">
<div class="col-xs-12 col-sm-8">
<div>{{ vm.main.content }}</div>
<div>{{ vm.yeah }}</div>
</div>
</div>
<!-- custom directive -->
<footer-generic></footer-generic>
</div>
我没有包含指令源，因为它们在 View 中显示正确。唯一的问题是 Controller 中的绑定(bind)值。
也许 controller as 语法有问题，或者上下文有问题，但我是新手，所以我找不到任何关于正在发生的事情的线索。
最佳答案
第二个路由的 ControllerAs 中有一个大写的 C，并且键在 javascript 中区分大小写。
关于javascript - AngularJS 1.2.19 双向绑定(bind)不起作用，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/35211808/
25
4
0
我有 2 个类:User 和 UserPicture，它们具有 1:1 关系。 public class User { @Id @GeneratedValue(strategy=G
使用ssh转发时，我无法针对远程服务器使用cvs和ftp进行提交。是否可以让服务器对我的机器发起请求-我希望服务器上的Web应用程序调用我的机器上的REST方法。 谢谢。 尼古拉·G。 最佳答案 是的
我正在 Python 2.7.12 中实现双向 A* 算法，并在 Russell 和 Norvig 第 3 章的罗马尼亚 map 上进行测试。边具有权重，目的是找到两个节点之间的最短路径。 这是测试图
您能否建议一种映射或类似的数据结构，让我们可以轻松地相互获取值和键。也就是说，每个都可以用来寻找另一个。 最佳答案 Java 在其标准库中没有双向映射。 例如使用 BiMap 来自Google Gua
我想同步两个数据库运行时 服务器 A:安装了公共(public) IP 和 mysql 的 Amazon ec2。服务器B:这是局域网中带有mysql的私有(private)机器。 (IP是私有(pr
保存双向@OneToOne 映射时，hibernate 是否应该在两个表上都记录？ 我有一个包含 applicant_id 列的表 interview，它引用了包含字段 interview_id 的
我喜欢新的 SwipeRefreshLayout!它看起来很棒，而且非常容易使用。但我想在两个方向上使用它。我有一个消息屏幕，我想通过从上到下滑动来加载旧消息，我想通过从下到上滑动来加载新消息。 这个
使用 ICS 4.0.1(愿意升级到 4.0.3)(不会 root 和重写 android 操作系统) 在接收到 android beam 后，是否可以将 NDEF 消息发送回 android 手机
我想知道处理这种 git 场景的最佳方法: Git 仓库:CoreProduct Git repo b: SpecificCustomerProduct 是从 a fork 出来的 到目前为止，我们一
这个问题在这里已经有了答案: How to implement an efficient bidirectional hash table? (8 个回答) 关闭2年前。 我在 python 中做这个
您能否推荐一种 map 或类似的数据结构，我们可以在其中轻松地从彼此获取值和键。也就是说，每个都可以用来寻找另一个。 最佳答案 Java 在其标准库中没有双向映射。 例如使用 BiMap 来自 Goo
Java中是否有类似双面列表的东西？也许第三方实现？ 这里有一个小例子来证明我的想法。 原始状态: 答:0-1-2-3 | | | | 乙:0-1-2-3 删除 B 中的元素 1 后: 空值 | 答:
我有两个实体通过这样的双向 OneToOne 关联连接: @Entity class Parent { @NotNull String businessKey; @OneToO
我已将 Vagrant 配置为使用 Rsync 共享文件夹而不是(非常慢)vboxsf VirtualBox 默认提供的文件系统: Vagrant.configure("2") do |config|
@keyframes mgm { from { max-height: 250px; } to { max-height: 0px; } } .mgm {
我想了解有关使用双向 LSTM 进行序列分类时合并模式的更多详细信息，尤其是对于我还不清楚的“Concat”合并模式。 根据我对这个方案的理解: 在将前向和后向层的合并结果传递到 sigmoid 函数
我有兴趣将本地 git 存储库设置为远程存储库的镜像。我已经阅读了一些可能相关的帖子，但主要区别在于我需要对两个存储库进行读写访问。 大多数时候，用户会针对 Repo A 工作，但是有时他们会针对 R
我已经仔细阅读了文档 https://firebase.google.com/docs/database/web/read-and-write以及网上很多例子。但这里有一个脱节:在将对象添加到数据库时
这个问题已经有答案了: Hibernate bidirectional @ManyToOne, updating the not owning side not working (3 个回答) 已关闭
我知道有很多关于它的问题，但我找不到针对我的问题的好的答案。 我使用 Jboss 作为 7，Spring 和 Hibernate (4) 作为 JPA 2.0 提供程序，因此我有简单的 @OneToM
我是一名优秀的程序员,十分优秀！