我正在学习Angular.js并进行设置<title>{{title}}</title>,我尝试使用select元素进行更改
<title>{{title}}</title>
<select ng-model="user.title"> <option value="Lorem">Lorem</option> <option value="Ipsum">Ipsum</option> <option value="Dolor">Dolor</option> </select>
我试着ng-change和ng-select用set()
ng-change
ng-select
set()
function ctrl($scope) { $scope.title = 'hello'; // this set the title $scope.set = function() { $scope.title = $scope.user.title; // this not }; }
该功能不起作用,但是当我仅将其设置为不具有功能时,该功能即起作用。
我也尝试创建更改指令:
app.directive('change', function() { console.log('change'); return { link: function(scope, element, attrs) { console.log(arguments); element[0].onChange = function() { scope[attrs[0]](); }; } }; });
但这也不起作用。Console.log根本不执行。
没有额外的代码,一切都可以正常工作:
<html data-ng-app="app"> <head> <title>{{title}}</title> </head> <body> {{title}} <select ng-model="title"> <option value="Lorem">Lorem</option> <option value="Ipsum">Ipsum</option> <option value="Dolor">Dolor</option> </select> </body> </html>
就这样。这是一支笔。