Arhn - архитектура программирования

Внедрить $scope в дочернюю модель?

Я пишу несколько сложное приложение angularjs. Я обнаружил, что моя основная модель контроллера должна действительно состоять из нескольких объектов, которые являются автономными функциями, которые будут использоваться другими контроллерами. Обычно это не проблема, но эти объекты должны быть в состоянии сказать, когда свойство было обновлено. Я подумал, что передам $scope в объект модели, и он сможет вызвать функцию $watch следующим образом:

function MyCtrl($scope){
    $scope.myModel = new MyModel($scope);
    //Do Ctrl Stuff
}

function MyModel($scope){
    $scope.X = 2;
    $scope.Y = 3;
    $scope.$watch('Y', function(oldVal, newVal){
        //do something important
    });
}

Когда MyCtrl изменяет значение $scope.myModel.Y, ничего не происходит. Фактически, кажется, что MyModel необходимо отформатировать свои часы как $watch('myModel.Y'... что не очень полезно для абстракции, потому что ему нужно знать, как MyCtrl присвоил его $scope. Я думаю что желание абстрагировать логику в функции, которые можно использовать, было бы обычным явлением, но поиск Google, похоже, мне здесь не помогает.MyModel на самом деле является модулем приличного размера, и я хотел бы оставаться как можно более СУХИМ при использовании его в других Контроллеры Что здесь лучше всего?

Спасибо!

angularjs
31.10.2013

Ответы:


1

Ваша функция MyModel должна возвращать $scope, если вы хотите использовать ее из MyCtrl.

function MyCtrl($scope){
    $scope.myModel = new MyModel($scope);
    //Do Ctrl Stuff
}

function MyModel($scope){
    scope = $scope.$new(); //Creates a new isolated scope
    scope.X = 2;
    scope.Y = 3;
    scope.$watch('Y', function(oldVal, newVal){
        console.log(oldVal, newVal);
    });
    return scope;
}

См. этот планкер

31.10.2013
  • Идеальный Франкис. Это именно то, что я искал. Большое спасибо. 31.10.2013

    • 2

    Вы должны использовать службу для такого обмена данными, то, что вы делаете, станет гораздо более сложным, чем необходимо, и в фреймворке angular уже есть необходимые инструменты для обмена.

    Затем вы можете внедрить службу как зависимость в любой контроллер, директиву или другую службу, которая в ней нуждается.

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

app.factory('myDataService',function(){
  return {
    data: {x:2,y:3} ;
     updateData:function( x,y){
          this.data.x=x; 
          this.data.y=y;
     } 
  }
});

app.controller('myCtrl',function($scope, myDataService){
   $scope.data=myDataService.data; 
    $scope.onMyButtonClick=function( x, y){
         myDataService.upDateData(x,y);
    })
});

app.controller('myOtherCtrl',function($scope, myDataService){
  /* when updates made in other controller will automatically be reflected here*/
   $scope.data=myDataService.data
});
    31.10.2013
    Новые материалы
    Коллекции публикаций по глубокому обучению
    Последние пару месяцев я создавал коллекции последних академических публикаций по различным подполям глубокого обучения в моем блоге https://amundtveit.com - эта публикация дает обзор 25..
    Представляем: Pepita
    Фреймворк JavaScript с открытым исходным кодом Я знаю, что недостатка в фреймворках JavaScript нет. Но я просто не мог остановиться. Я хотел написать что-то сам, со своими собственными..
    Советы по коду Laravel #2
    1-) Найти // You can specify the columns you need // in when you use the find method on a model User::find(‘id’, [‘email’,’name’]); // You can increment or decrement // a field in..
    Работа с временными рядами спутниковых изображений, часть 3 (аналитика данных)
    Анализ временных рядов спутниковых изображений для данных наблюдений за большой Землей (arXiv) Автор: Рольф Симоэс , Жильберто Камара , Жильберто Кейрос , Фелипе Соуза , Педро Р. Андраде ,..
    3 способа решить квадратное уравнение (3-й мой любимый) -
    1. Методом факторизации — 2. Используя квадратичную формулу — 3. Заполнив квадрат — Давайте поймем это, решив это простое уравнение: Мы пытаемся сделать LHS,..
    Создание VR-миров с A-Frame
    Виртуальная реальность (и дополненная реальность) стали главными модными терминами в образовательных технологиях. С недорогими VR-гарнитурами, такими как Google Cardboard , и использованием..
    Демистификация рекурсии
    КОДЕКС Демистификация рекурсии Упрощенная концепция ошеломляющей О чем весь этот шум? Рекурсия, кажется, единственная тема, от которой у каждого начинающего студента-информатика..