Невозможно получить значение модели ng от входа к контроллеру

Question

Я новичок в Angularj. У меня есть средство выбора даты в ionic. После выбора ввода даты получается значение выбранной даты. Теперь я пытаюсь получить доступ к этому значению в Controller с помощью $ scope, но не могу получить к нему доступ.

Вот мой HTML

<div class="list">
  <label class="item item-input">
    <input type="text" data-ng-model="dateValue" disabled>
  </label>
</div>

<my-calendar display="dateValue" dateformat="'yyyy-MM-dd'"></my-calendar>
  <button id="fieldWork-button21" data-ng- click="saveFieldWork(fieldWork)"></button>

Я вызываю функцию сохранения после отправки. Я связываю другие значения с объектом fieldWork.

Вот Controller.js

$scope.dateValue = "";
$scope.saveFieldWork = function(fieldWork) {
  fieldWork.fieldDate = $scope.dateValue;
  //other code
};

Здесь я не могу получить выбранное значение Date.Но на входе после выбора даты отображается правильная дата.

В настоящее время вместо выбранной даты отображается пустая строка.Может кто-нибудь сказать, как получить это значение в контроллер?Если AngularJs поддерживает двухстороннее связывание данных, почему я не могу получить значение ng-model из html в Controller?

Answer 1

У вас нет доступа к переменной fieldWork в html, поэтому вы не можете использовать ее в data-ng-click.

<button id="fieldWork-button21" data-ng-click="saveFieldWork()"></button>

Посмотрите это

(function() {
  'use strict';

  angular.module('player', [])
    .controller('MainCtrl', ['$scope', function($scope) {
      var fieldWork = {};
      $scope.saveFieldWork = function() {
        fieldWork["fieldDate"] = $scope.dateValue;
        console.log(fieldWork);
        //other code
      };
    }])

})();

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.10/angular.min.js"></script>
<div ng-app='player'>
  <div ng-controller='MainCtrl'>
    <div class="list">
      <label class="item item-input">
            <input type="text" data-ng-model="dateValue">
     </label>
    </div>
    <button id="fieldWork-button21" data-ng-click="saveFieldWork()">Save</button>
  </div>
</div>