ng-repeat禁用我的div

时间:2014-11-17 17:21:02

标签: javascript html angularjs

我为我的舞台必须修改一个网站,因为我需要angularjs我想使用命令ng-repeat来显示一些文档但是当我在div中添加ng-repeat时它会消除"它,我无法弄清楚为什么...... 所以有代码希望你能帮助我。 有我的js

App.controller('doccontroller', [ function(){
return {
        scope: {},
        restrict: 'A',
        link: function ($scope){
            $scope.docs = [
                {
                    "id_section" : 0,
                    "description": "RANDOM STUFF",
                    "source": [
                        {
                           "python": "TEXTE",
                            "ruby": "TEXTE",
                            "javascript": "TEXTE"
                        }
                    ]
                },

                {
                    "id_section" : 1, 
                    "description": "RANDOM STUFF",
                    "source": [
                        {
                           "python": "TEXTE",
                            "ruby": "TEXTE",
                            "javascript": "TEXTE"
                        }
                    ]
                },

                {
                    "id_section" : 2, 
                    "description": "RANDOM STUFF",
                    "source": [
                        {
                           "python": "TEXTE",
                            "ruby": "TEXTE",
                            "javascript": "TEXTE"
                        }
                    ]
                }
            ]
        }
    }       
}

])

`我的路线是"包括"控制器

$routeProvider.when '/docs',
    templateUrl : config.BaseHtml+'/Page/docs.html'
    controller  : 'doccontroller'

` 并完成HTML:)

<div id="api-docs">
                <div id="methods">
                    <div class="languages">
                        <a class="language selected" data-lang="ruby" href="#">Ruby</a>
                        <a class="language" data-lang="python" href="#">Python</a>
                        <a class="language" data-lang="php" href="#">PHP</a>
                    </div>
                <div>   
                    <div class="method" id="intro">
                        <div class="method-section clearfix">
                            <div class="method-description" ng-repeat="doc in docs">
                                <h3>Introduction</h3>
                                <p>
                                        {{doc.description}}
                                </p> 
                            </div>
                        <div class="method-example">
        <pre>
        <code class="ruby"># All this code is just folololol

        React.api_key = "In here goes your api key!"</code><code class="python"># All this code is just for demonstration purposes

        react.api_key = "In here goes your api key!"</code><code class="php"># All this code is just for demonstration purposes

        React::setApiKey("In here goes your api key!");</code>
        </pre>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

再说一遍,我需要做的是填写创建1 div / id_section并填充它 到目前为止。

1 个答案:

答案 0 :(得分:1)

变化:

ng-repeat="docs in docs"

为:

ng-repeat="doc in docs"

此外,在您的代码中,您可以拨打{{ doc.des }},这可能应该是{{ doc.description }}