【发布时间】:2016-08-04 15:21:32
【问题描述】:
这是我正在处理的代码:
<!DOCTYPE html>
<html lang="en-US">
<head>
<title>HTML Page</title>
<script src="https://code.jquery.com/jquery-2.2.0.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.0/angular.min.js"></script>
<script src="js/angu.js"></script>
</head>
<body>
<div ng-controller="homeController">
<label>Username:</label>
<input type="text" ng-model="uname" placeholder="Enter username" />
<hr />
<h2>Hello {{ uname }}</h2>
<button type="button" ng-click="testMe()">Test Me</button>
</div>
</body>
</html>
angu.js:
var app = angular.module('basicApp', []);
app.controller('homeController', function ($scope) {
$scope.uname = "demouser";
$scope.testMe = function () {
$scope.uname += "123";
};
});
输出中有问题的部分:
你好 {{ unname }}
能否请您帮我找出为什么双花括号会显示在 Visual Studio Code 中。我错过了什么吗?谢谢。
【问题讨论】:
-
您在 html 中的某处缺少
ng-app。这意味着 Angular 不在此页面上运行。 -
@Sergio Tulentsev:感谢您的帮助。它奏效了。
标签: angularjs html visual-studio-code