为什么ng-repeat无法正常工作？

Web Flash 发表于 Dev

网页Flash

我正在用循环一个数组，ng-repeat但它只显示在中写入的内容{{ }}。

控制台没有正确显示，但没有任何错误。这是代码

    <html ng-app="mittens">
    <head>
        <title>Mittens</title>
        <link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap.min.css">
        <script type="text/javascript" href="angular.min.js"></script>
        <script type="text/javascript" href="mittens.js"></script>

    </head>
    <body ng-controller="mittensController">
        <div class="container">

            <h3 ng-repeat="meow in meows">{{meow}}</h3>

        </div>
</body>

这是mittens.js文件。

var app = angular.module('mittens',[]);

    app.controller('mittensController',function($scope){

        $scope.meows = [{
            'This is first sentence',
            'This is second sentence',
            'This is third sentence',
            'This is fourth sentence'
        }];

    });

史密斯

实际上，mittens.js的参考链接被错误地加载。您应该使用src而不是href

HTML：

<html ng-app="mittens">
    <head>
        <title>Mittens</title>
        <link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap.min.css">
        <script type="text/javascript" href="angular.min.js"></script>
        <script src="mittens.js"></script>

    </head>
    <body ng-controller="mittensController">
        <div class="container">

            <h3 ng-repeat="meow in meows">{{meow}}</h3>
        </div>
</body>

脚本：

    var app = angular.module('mittens',[]);
            app.controller('mittensController',function($scope){

                $scope.meows = [
                    'This is first sentence',
                    'This is second sentence',
                    'This is third sentence',
                    'This is fourth sentence'
                ]; //removed {} braces
            });

更新：如果您要参考，这是Plunker链接。

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。