2014-11-08 4 views
1

с использованием следующего кода. Я не могу получить свою родительскую область или привязку $ scope для привязки.

index.html

<div ng-controller="MainCtrl"> 
... 
    <div ng-include="sidebarbar.url"></div> 
</div> 

main.js

angular.module('myApp') 
.controller('MainCtrl', ['$scope', 'DataProvider', 'SidebarService', function ($scope, DataProvider, SidebarService) { 
//Initialize 
$scope.data= DataProvider; 
... 

в моей index.html внутри контроллера У меня есть полный доступ к моей компетенции данных теперь мне нужно отобразить части этих данных внутри боковая панель, SiderbarServices открывает боковую панель, устанавливает выбранный идентификатор, который все работает

details.html (это тот, который открывается ng-include)

<div ng-controller="DetailsCtrl"> 
    <script type="text/javascript"> 
    console.log('test'); //is displayed 
    console.log(data); //not defined 
    console.log($parent); //not defined 
    console.log(testScope); //not defined 
    </script> 
</div> 

details.js (контроллер)

angular.module('myApp').controller('DetailsCtrl', ['$scope', function ($scope) { 
    $scope.data= $scope.$parent.data; 
    $scope.testScope = 'testing if available'; 

    console.log($scope); //is displayed 
    console.log($scope.data); //is displayed 
}]); 

Как я могу получить доступ к данным внутри нг-включать? (Я не могу использовать представление, как я уже маршрутизации)

ответ

1

использовать этот код для details.html:

<div ng-controller="DetailsCtrl"> 
    <!-- <script type="text/javascript"> 
    console.log('test'); //is displayed 
    console.log(data); //not defined 
    console.log($parent); //not defined 
    console.log(testScope); //not defined 
    </script> --> 
    <div>{{data}}</div> 
</div> 

и заменить этот код в основном HTML:

<div ng-include="'details.html'"></div> 

см plunker она работает

вы сделали эту ошибку: она должна быть не ng-include="'details.html'"ng-include="details.html"

и <script> бирка не работает внутри ng-controller.

+0

Я попытался в своем коде и все еще не работает, ng-include изменен с объекта. Эта часть работает, открывается страница и отображается статический контент. Теперь я получил его для работы с помощью '$ parent.data.key' Спасибо за помощь – DouglasDC3

Смежные вопросы