初学者Angular JS应用,插值不起作用
Beginner Angular JS app, interpolation not working
我刚开始使用Angular JS(版本1),并且无法正确运行插值。我已经用解决的版本检查过了,看起来没问题。我甚至在控制器中放置了console.log,但它没有打印任何东西。请帮助。
index . html
<!doctype html>
<html lang="en" np-app="LunchCheck">
<head>
<meta charset="utf-8">
<script src="angular.min.js"></script>
<script src="app.js"></script>
<title>Lunch Checker</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="styles/bootstrap.min.css">
<style>
.message { font-size: 1.3em; font-weight: bold; }
</style>
</head>
<body>
<div class="container" ng-controller="LunchCheckController">
<h1>Lunch Checker</h1>
<div class="form-group">
<input id="lunch-menu" type="text"
placeholder="list comma separated dishes you usually have for lunch"
class="form-control" ng-model="food">
Content is: {{food}}
</div>
</div>
</body>
</html>
app.js
(function(){
'use strict';
angular.module('LunchCheck', [])
.controller('LunchCheckController', LunchCheckController);
LunchCheckController.$inject = ['$scope'];
function LunchCheckController($scope){
console.log("In controller");
$scope.food = 'Enter something';
}
})();
将np-app替换为ng-app就可以了
你写的是np-app而不是ng-app
<html lang="en" np-app="LunchCheck">
相关文章:
- select中布尔值的Angularjs ng值不起作用
- 对照数组脚本检查文本框中的值不起作用
- Javascript - 多维设置值不起作用
- 在调用中使用返回的json值不起作用
- 双击被阻止,但阻止默认值不起作用
- Javascript最大值和最小值不起作用
- jQuery 循环 .each() JSON 键/值不起作用
- 当浮点部分为空时,从 JQuery 中的输入元素获取数字值不起作用
- 隐藏元素取决于 if/else 语句的值不起作用
- 单击复选框时汇总隐藏字段的值不起作用
- 为函数中的现有数组(全局变量)分配新值不起作用.为什么
- Javascript - 单击时更改输入值不起作用
- 使用 ajax 传递 # 值不起作用
- Jquery get url 值不起作用
- 在模式弹出窗口中显示.jpg和.txt文件值不起作用
- 获取 $_GET 值不起作用
- am图表值轴最大值不起作用
- Rethinkdb谓词函数“包含”多个值不起作用
- WordPress联系表格7重定向单选按钮值不起作用
- 初学者Angular JS应用,插值不起作用