AngularJS显示为纯文本

时间:2016-07-04 06:37:11

标签: javascript angularjs parsing text

我目前无法显示角度JS,我不确定我做错了什么,因为它只在我的浏览器中显示为纯文本,并且没有从{{1传递信息}}。
我已将所有依赖项正确放置在我的代码中列出的位置,因此我认为我的代码中可能出错了?
我的代码如下。

app2.js

app2.js

<!DOCTYPE html>
<html ng-app="phonecatApp" lang="en">
<head>
    <title></title>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="PhoneCat">
    <!-- AngularUI Styles -->
    <link rel="stylesheet" href="Content/ui-bootstrap-csp.css" />

</head>


<p>Total number of phones: {{phones.length}}</p>

    <body ng-controller="PhoneListController">

        <ul>
            <li ng-repeat="phone in phones">
                <span>{{phone.name}}</span>
                <p>{{phone.snippet}}</p>
            </li>
        </ul>

    </body>
<script src="scripts/angular.js"></script>
<script src="scripts/angular-ui/ui-bootstrap-tpls.min.js"></script>
<script src="scripts/app2.js"></script>
</html>

3 个答案:

答案 0 :(得分:3)

您将模块定义为app

var app = angular.module('phonecatApp', ['ui.bootstrap']);

并在phonecatApp模块上定义您的控制器。所以改为:

var phonecatApp = angular.module('phonecatApp', ['ui.bootstrap']);

答案 1 :(得分:0)

我认为你在app2.js中犯了错误。您应该将phonecatApp.controller替换为app.controller。因为您已声明var app=...所以您应该使用app.controller。希望它有效!

答案 2 :(得分:0)

模块检查命名问题一次。替换为phonecatApp