将值从服务绑定到html -如何观察angular.js中组件的变化

angular.module('myApp').service('dataService', function() {
  this.value = 'Initial value';
});

angular.module('myApp').component('myComponent', {
  templateUrl: 'myComponent.html',
  controller: function(dataService) {
    // 在组件中可以使用dataService来访问服务中的值
    this.value = dataService.value;
  }
});

<span>{{ $ctrl.value }}</span>

angular.module('myApp').component('myComponent', {
  templateUrl: 'myComponent.html',
  controller: function(dataService) {
    this.value = dataService.value;

    // 监视value的变化
    this.$watch('$ctrl.value', function(newValue, oldValue) {
      // 执行相应的操作
      console.log('Value changed from', oldValue, 'to', newValue);
    });
  }
});