Доступ к ng-модели из одной директивы в другую директиву

Question

Доступ к ng-модели из одной директивы в другую директиву

0

поэтому у меня этот шаблон в первой директиве

<tr ng-repeat="node in myprops.List">
        <td>{{node.startDate | date: 'yyyy-MM-dd'}}</td>
        <td>{{node.endDate | date: 'yyyy-MM-dd'}}</td>
        <td>{{node.workInHours }}</td>
        <td><label type="button" style="cursor:pointer" ng-click="setIndex($index)" data-toggle="modal" data-target="#{{myprops.id}}">edit</label></td>
        <td><input type="checkbox" ng-click="onClick()" ng-model="node.selected" ></td>
    </tr>

и в этой директиве у меня есть контроллер, у которого есть функция setIndex (index).. поэтому, когда я нажимаю кнопку, ее открывают, что модальные

<form name="myForm">
                        <md-datepicker ng-model="sDate" md-placeholder="Enter date"></md-datepicker>
                        <md-datepicker ng-model="eDate" md-placeholder="Enter date"></md-datepicker>
                        <input type="number" ng-model="hours"  required>
                    </form>

и этот модал находится в другом шаблоне директивы.. поэтому мне нужно, когда я нажимаю кнопку и открываю модальный, что то, что находится в массиве с этим индексом $, который нужно добавить на ng-модели на модели..sDate..eDate и hours... Короче, мне нужно получить доступ к этой модели ng, которая находится в одном шаблоне директивы от другого контроллера в другой директиве

FreakProgrammer 27 июль 2016, в 14:18

Источник

1

Избавьтесь от использования bootstrap.js и используйте angular-ui-bootstrap
charlietfl 27 июль 2016, в 11:36
0

Как я уже сказал, я новичок в angularjs :( и у меня нет времени, чтобы научиться использовать angular-ui-bootstrap
FreakProgrammer 27 июль 2016, в 11:41
0

Ну, вам будет легче, чем пытаться делать то, что вы делаете сейчас. Вот почему он был создан в первую очередь. И на самом деле выглядит так, как будто вы используете угловой материал, в этом случае вам вообще не нужен загрузчик
charlietfl 27 июль 2016, в 11:42
0

Вам нужно научиться использовать инструменты, которые вы используете. Плагины jQuery Bootstrap - это неправильный инструмент, у вас все равно будут с этим проблемы, так что лучше послушайте хороший совет.
dfsq 27 июль 2016, в 11:42

Показать ещё 2 комментария

Теги:

javascript

angularjs

1 ответ

Ещё вопросы

Избавьтесь от использования bootstrap.js и используйте angular-ui-bootstrap
Как я уже сказал, я новичок в angularjs :( и у меня нет времени, чтобы научиться использовать angular-ui-bootstrap
Ну, вам будет легче, чем пытаться делать то, что вы делаете сейчас. Вот почему он был создан в первую очередь. И на самом деле выглядит так, как будто вы используете угловой материал, в этом случае вам вообще не нужен загрузчик
Вам нужно научиться использовать инструменты, которые вы используете. Плагины jQuery Bootstrap - это неправильный инструмент, у вас все равно будут с этим проблемы, так что лучше послушайте хороший совет.

RydelW · Answer 1 · 2016-07-27T10-29-00.000Z

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

Например (ui.bootstrap):

function MainController($scope, $modal) {
  $scope.model = {};

  $scope.onClick = function () {
    var modalInstance = $modal.open({
     // params
     controller: ModalController;
     resolve: {data: function() {return $scope.model}}
    });
    modalInstance.result.then(function (data) {
      $scope.model = data
    })
  }
}

function ModalController($scope, $modalInstance, data) {
  // actions
  $scope.data = data;
  $scope.saveForm = function () {
    $modalInstance.close($scope.data)
  }
}

Можете ли вы привести пример, потому что я новичок в angularjs