Saya tidak tahu cara menyelesaikannya, kerana saya tidak pernah menggunakan pemalam yang anda gunakan, dan saya tidak mempunyai masa untuk mengkajinya sekarang. Tetapi saya boleh memberitahu anda di mana masalahnya, dan anda boleh cuba mencari penyelesaian sendiri. Lihat tangkapan skrin dahulu:

1. Mengulas $watch kod berkaitan terlebih dahulu untuk memastikan pemalam dijalankan dengan betul
2. Beri perhatian kepada perkara berikut: Di manakah 2014-10-14 muncul dalam DOM?
3. Dalam bahagian $watch, anda sedang memantau attr.value Walau bagaimanapun, mengikut tangkapan skrin, anda boleh mendapati bahawa tarikh yang ditetapkan oleh pemalam tidak disimpan di sini sama sekali bagaimanapun input[value] input[value] Oleh itu, semua
lakukan ialah membaca nilai yang tidak wujud dan menimpa
4. , itulah sebabnya walaupun $watch menjadi tidak sah selepas menambah bahagian model. $watch model
Selepas mengetahui sebabnya, penyelesaiannya mudah sama ada biarkan pemalam menulis nilai yang anda mahu

kaedah khusus itu sendiri Dokumentasi atau kod sumber pemalam. input[value] $watch

var datepicker=angular.module("datepicker",[]);
datepicker.controller("datepickerCtrl",function($scope){
  $scope.date="2014-10-14";
});
datepicker.directive("datePicker",function(){
  return {
    restrict:"A",
    link:function(scope, element, attr){
      element.bind("click", function () {
        window.WdatePicker({
          onpicked: function () {
            scope.$apply(scope.date = this.value);
          }
        });
      });
    }
  };
});

Jika anda ingin menggunakan

var datepicker=angular.module("datepicker",[]);
datepicker.controller("datepickerCtrl",function($scope){
  $scope.date="2014-10-14";
});
datepicker.directive("datePicker",function(){
  return {
    restrict:"A",
    link:function(scope, element, attr){
      element.bind("click", function () {
        window.WdatePicker({
          onpicked: function () { scope.$digest(); }
        });
      });
      scope.$watch(
        function () { return element[0].value },
        function (newValue) { scope.date = newValue; }
      );
    }
  };
});

Perhatikan bahawa parameter pertama di sini tidak boleh terus

element[0].valueDan anda mesti bergantung pada fungsi panggil balik pemalam untuk melakukan ini

tidak akan dikemas kini secara automatik. Ia boleh dilihat bahawa contoh pertama adalah lebih mudah dan mempunyai prestasi yang lebih baik. scope.$digest()

Saya tidak tahu mengapa ia digunakan dengan cara ini di sini anda perlu menjelaskan konsep dan skop adalah berbeza arahan. Terdapat tiga cara:

• =attr dwiarah
• @attr Sehala
• &attr fungsi

Menurut pemikiran anda, ia mungkin seperti berikut:

scope: {
  value: '=value'
}

Tetapi walaupun pengikatan dilakukan, anda mesti faham bahawa perubahan nilai nilai elemen ini tidak dipantau oleh Angular secara lalai 这个绑定只是说要去绑定这个属性值对应的变量Sudah tentu, adalah mustahil untuk melihat perubahan nilai.
Malah, menggunakan ng-model dan ng-change sudah memadai.

Ia mungkin berakhir seperti ini:

<input ng-model="date" date-picker />

Cuba masukkan $scope masuk! $watch adalah berdasarkan $scope

Saya tidak menjumpai dokumentasi terperinci untuk pautan dan saya tidak pasti cara menggunakan attr, tetapi saya fikir anda boleh mencuba $watch the value of element.

Bagi dua orang di atas, skop dalam arahan ialah $scopenya, dan attr ialah parameter dalam pautan dan tidak perlu ditakrifkan secara berasingan.

Hello, poster, bagaimana untuk menyelesaikan masalah ini pada akhirnya Adakah nilai yang diperoleh oleh ng-model masih tidak ditentukan