我最近刚刚学习了 angular.js(我松散地使用了“学习”这个词),我正在尝试制作一个基本的网站,但在表单验证方面遇到了困难。我意识到我从“Shaping up with angular.js”中学到的双括号符号没有在我拥有的网页上注册。我整天都在研究这个问题,您可能会发现我的代码有很多问题(请随时发表评论)。
我说的代码是这样的:
<div class="divvy" ng-repeat="slider in main.sliders">
<h3>
{{slider.name}} costs {{slider.cost | currency}}
</h3>
</div>
我将包括整个代码,但作为引用,“divvy”类只是使 div 在屏幕上居中的一种复杂方法。 我的标题是这样写的:
<head>
<link rel="stylesheet" type="text/css" href="style.css" />
<link href="https://fonts.googleapis.com/css?family=Didact+Gothic|Ek+Mukta|Montserrat" rel="stylesheet">
<script type="text/javascript" src="script.js"></script>
<script type="text/javascript" src="//code.angularjs.org/snapshot/angular.min.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
并且 script.js 文件相当简单,因为除了调试为什么它不起作用之外,我还没有真正对它做任何事情。
(function(){
var app = angular.module("myModule",[]);
app.controller('MainController',function(){
this.products= sliders;
});
var sliders= [
{name: "Charles",
cost: "4.20"
},
{
name:"Alfred",
cost:"30"
},
{
name:"Something that costs 10 bucks",
cost:"10.1"
}
]
})()
请帮帮我。我认为我试图修复的其他问题使我无法再正确使用 Angular (那里有一个按钮用于编辑文本(也是调试尝试)并且它曾经工作但不再工作经过一些 ctrl+z 让我失去了我的位置)。 此外,如果你有额外的时间,还有一张背景图片,我花了很多时间弄清楚如何居中并使其“防缩放”,但我想动态编辑它(背景随幻灯片或淡入淡出变化)但背景 img 卡在 style.css html{} 中......而且我不知道如何使用“myStyle”进行编辑,甚至一开始就使用 ng-myStyle。谢谢。完整代码位于 plunker,此处:https://plnkr.co/edit/H4uhcU
最佳答案
应该是,
<div class="divvy" ng-repeat="slider in main.products">
演示
var app = angular.module("myModule",[]);
app.controller('MainController',function(){
var sliders= [
{name: "Charles",
cost: "4.20"
},
{
name:"Alfred",
cost:"30"
},
{
name:"Something that costs 10 bucks",
cost:"10.1"
}];
this.products= sliders;
});
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<body ng-app= "myModule" ng-controller="MainController as main">
<div class="divvy" ng-repeat="slider in main.products">
<h3>
{{slider.name}} costs {{slider.cost | currency}}
</h3>
</div>
关于html - 双括号未在 Angular.js html 中注册,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45175031/