Question

问题

我正在观看AngularJS的教程，因为这是我想要深入学习的东西。我在Visual Studio 2015中设置了一个Web应用程序项目，并在此项目中创建了一个HTML页面。

我添加了AngularJS nuget包并引用了angular.js文件。

问题是，当我去做一个简单的表达式以确保角度有效时，它无效。

代码

<!DOCTYPE html>
    <html>
        <head>
            <script src="Scripts/angular.js"></script>
            <title></title>
            <meta charset="utf-8" />
        </head>
    <body np-app>
        <p>{{ 5 + 5 }}</p>
    </body>
</html>

表达式{{ 5 + 5 }}未显示10。

Answer 1

你身上有np-app，这应该是ng-app。

<body ng-app>
    <p>{{ 5 + 5 }}</p>
</body>

Answer 2

试试这个会起作用：

使用ng-app代替np-app

<!DOCTYPE html>
    <html ng-app="myApp">
        <head>
            <script src="Scripts/angular.js"></script>
            <title></title>
            <meta charset="utf-8" />
        </head>
    <body ng-controller="appCtrl">
        <p>{{ 5 + 5 }}</p>
    </body>
</html>

script.js：

var appname = angular.module('myApp', []);
appname.controller('appCtrl',function($scope) {

});

现场演示：http://plnkr.co/edit/I08fbabsLWFkkpfZ9Zog?p=preview

简单的{{}}无法在angularJS项目中使用

问题

代码

2 个答案: