Tidak memasukkan data saya ke arahan sudut saya

Jadi saya membaca file data.json dan saya mencoba mengisi tab menggunakan ini. Saya dapat melakukannya tanpa menggunakan arahan khusus, tetapi saya ingin membuat berbagai kemungkinan tata letak menggunakan arahan. Namun saya tidak bisa membuat ng-repeat saya berfungsi dalam file templates/directives/tabs.html. Ini pengaturan saya. Selain itu, $scope.data.data saya membawa saya ke array yang sekali lagi berhasil saya ulangi. Apakah cakupan dalam arahan merupakan penelusuran yang berbeda dari pada index.html?

index.html penelusurannya adalah sebagai berikut {{data.whatever}} Apakah sama di dalam arahannya?

.controller('TabController', function($scope, $http, _){
    $scope.model = {};
    $http.get('data.json').then(function(resp) {
    $scope.data = resp.data.data;
})

angular.module('myApp').directive('cmTabs', function() {
    return { 
        restrict: 'A',
        scope: {
            content: '='
        },
        templateUrl: 'templates/directives/tabs.html'
    };
})

});

Markup saya seperti itu

<!DOCTYPE html>
<html ng-app="myApp" ng-controller="TabController">
    <head>
    <link rel="stylesheet" href="/idnode_modules/bootstrap/dist/css/bootstrap.css">
    <title>{{data.PageTitle}}</title>
    </head>
    <body>
        <nav class="navbar navbar-default"><a class="navbar-brand" href="/id#"><!-- <img alt="Brand" src="..."> -->{{data.PageTitle}}</a>
               <ul class="nav navbar-nav">
                 <li ng-class='{active:$first}' ng-repeat="menu in data.toplevelcontainer" ng-click="model.activeTab=tab" tooltip="{{menu.label}}" tooltip-trigger="mouseenter" tooltip-placement="bottom">
                   <a href="/id#">{{menu.label}}</a>
                 </li>
               </ul>
        </nav>
        <div class="container-fluid" ng-if="data.Layout === 'tabs'" >
          <div cm-tabs content="data"></div>
        </div>
        <div class="container-fluid" ng-if="data.Layout === 'menu'">
          <h1>menu</h1>
        </div>
        <script src="node_modules/jquery/dist/jquery.js"></script>
        <script src="node_modules/angular/angular.js"></script>
        <script src="node_modules/underscore/underscore-min.js"></script>
        <script src="node_modules/bootstrap/dist/js/bootstrap.js" type="text/javascript"></script>
        <script src="app.js"></script>
        <script>
            $("ul.nav-tabs a").click(function (e) {
                e.preventDefault();  
                $(this).tab('show');
            });</script>
        </body>
        </html>

Templat PETUNJUK

<div class="tabbable boxed parentTabs">
    <div class="tab-content">
        <div class="tab-pane fade active in" id="set1">
            <div class="tabbable">
                <ul class="nav nav-tabs" ng-repeat="t in data.toplevelcontainer">
                    <li ng-class='{active:$first}' ng-repeat="st in t.content.innercontent" data-toggle="tooltip" data-placement="left" title="{{st.tooltip}}"><a href="/id#{{st.label}}">{{sub_tab.label}}</a></li>
                </ul>
                <div class="tab-content">
                </div>
            </div>
        </div>
    </div>
</div>

angularjs angularjs-directive
person pcproff    schedule 20.10.2015    source sumber
comment
Apakah Anda menggunakan ng-controller di markup Anda?   -  person lintmouse    schedule 20.10.2015
comment
memang benar. ‹html ng-app=aplikasi saya ng-controller=TabController›   -  person pcproff    schedule 20.10.2015
comment
Bisakah Anda memposting lebih banyak markup Anda, khususnya bagaimana content diikat?   -  person lintmouse    schedule 20.10.2015
comment
Mungkin hanya ada kesalahan ketik pada kode pertanyaan Anda tetapi fungsi pengontrol Anda belum lengkap. Anda kehilangan })   -  person Phil    schedule 20.10.2015
comment
Hai Phil, ya, itu salah ketik, saya akan menambahkan ke postingan   -  person pcproff    schedule 20.10.2015
comment
@pcproff Hai, seperti apa template arahan Anda? Maksud saya, bagaimana Anda menggunakan model content di dalam template arahan Anda?   -  person Abhilash Augustine    schedule 20.10.2015
comment
@AbhilashPA Saya telah memposting ini. Saya ingin tahu apakah saya harus menggunakan content.toplevelcontainer?   -  person pcproff    schedule 20.10.2015
comment
@pcproff, ya, Anda harus menggunakan content daripada data.   -  person Abhilash Augustine    schedule 20.10.2015
comment
@AbhilashPA suatu kekeliruan !!! Tapi sekarang, saya tahu bagaimana arahan menerima data. Sekarang untuk membaca dokumen tentang apa arti '='   -  person pcproff    schedule 20.10.2015
comment
@pcproff, bisakah saya mendapatkan accepted answer jika saya memposting komentar ini sebagai Jawaban saya? :)   -  person Abhilash Augustine    schedule 20.10.2015

Jawaban (1)


arrow_upward
0
arrow_downward

Anda harus menggunakan content.toplevelcontainer daripada data.toplevelcontainer.

Karena Anda memetakan model cakupan pengontrol Anda data ke content dalam arahan Anda. Jadi, data dari pengontrol Anda sekarang ditetapkan ke variabel cakupan direktif Anda content.

Jadi, ng-repeat Anda akan terlihat seperti ini,

<ul class="nav nav-tabs" ng-repeat="t in content.toplevelcontainer">
person Abhilash Augustine    schedule 20.10.2015
comment
Anda benar sekali! Itulah yang saya lakukan! Terima kasih lagi. - person pcproff; 20.10.2015