Question

我用不同的方法完成了两个教程，同样的事情正在发生。表达式根本没有出现，我一步一步走，但它的方式不一样。

<html data-ng-app = "">
<head>
    <title>Page Title</title>
</head>
<body>
    Name:
    <br />
    <input type = "text" data-ng-model = "name" /> {{ name }}


    <script src = "Script/angular.js"></script>
</body>

执行时会打印出{{name}}，而不是在变量名中删除vlue。

Answer 1

如果您看到{{name}} 这意味着你的angular.js文件没有加载

我把你的代码放在plunker中，它工作正常

Answer 2

如果您只是更换角度脚本的源代码，那么您的示例工作正常。

<html data-ng-app = "">
<head>
    <title>Page Title</title>
</head>
<body>
    Name:
    <br />
    <input type = "text" data-ng-model = "name" /> {{ name }}


    <script src = "https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0/angular.js"></script>
</body>

因此，我会检查对脚本本地副本的引用是否正确。

Answer 3

这似乎对我有用：

<html ng-app = "Page">
<head>
    <title>Page Title</title>
</head>
<body ng-controller="Controller as page">
    Name:
    <br />
    <input type = "text" ng-model = "name" /> {{ name }}


    <script src="./js/angular.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        (function(){
            var app = angular.module("Page",[]);

            app.controller("Controller",function(){});
        })();
    </script>
</body>

简单的Angularjs没有出现

3 个答案: