Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 04.01.2016, 23:51
Новичок на форуме
Отправить личное сообщение для dormammun Посмотреть профиль Найти все сообщения от dormammun
 
Регистрация: 23.11.2015
Сообщений: 2

Наследование Angular
Как реализовать наследование через синтаксис vm ?

Пример кода, где обычное наследование через $scope:

<!DOCTYPE html>
<html lang="en" ng-app="scope">
<head>
  <meta charset="UTF-8">
  <title>Angular Scope</title>
</head>
<body ng-controller="MainController as vm">
  {{vm.test}} <!-- переменная из MainController -->
  <div ng-controller="SecondController as vm">
  {{test}} <!-- переменная из MainController -->
  {{vm.test}} <!-- пусто тк SecondController vm пустой обьект, но через наследование он должен лезть в MainController -->
  <main-dir></main-dir>
  </div>
  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js"></script>
  <script src="script.js"></script>
</body>
</html>


(function() {
  'use strict';

  angular.module('scope', []);

  angular
    .module('scope')
    .controller('MainController', ['$scope', function ($scope) {
      $scope.test = '1';

      var vm = this;
      vm.test = '1';
    }])
    .controller('SecondController', ['$scope', function ($scope) {
      // тут по сути должен быть прототип на родителя MainController, и собственно в прототипе должно быть свойство test
      var vm = this;
    }])
    .directive('mainDir', function () {
      return {
        restrict: 'AE',
        template: '<div>{{test}}</div>',
        link: function ($scope, el, attr) {
           // как тут получить vm.test или нужно использовать controller вместо link
        }
      }
    })
})();
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Модель в Angular Patr56 Angular.js 2 02.05.2015 00:21
В чем польза angular? cyber_bober Angular.js 11 12.02.2015 19:28
[job] JS-разработчик (+Angular) на UI внутреннего проекта (для других разработчиков:) Anna-HR Работа 12 19.01.2015 12:50
Как сделать чтобы angular дожидался ответа Tek Angular.js 0 20.03.2014 14:06
Angular и динамический контент Diem Angular.js 1 26.07.2013 17:57