在AngularJS 1.7.9中,将变量从控制器绑定到组件时出现未定义的值的问题可能是因为变量在组件中未正确定义或初始化。以下是解决此问题的示例代码:
控制器代码:
app.controller('MyController', ['$scope', function($scope) {
$scope.myVariable = 'Hello World';
}]);
组件代码:
app.component('myComponent', {
template: '{{$ctrl.myVariable}}',
controller: function() {
this.$onInit = function() {
this.myVariable = '';
};
}
});
在上面的示例中,控制器中定义了一个myVariable
变量,并将其绑定到组件中的模板中。组件的控制器中使用$onInit
生命周期钩子函数来初始化myVariable
变量,以防止在绑定前引发未定义的值错误。
请确保在应用程序中正确引用控制器和组件,并在模板中使用组件。
希望这可以帮助解决您遇到的问题!