如何使用 angular.js 在标题元素中绑定数据 [英] How to bind data in title element using angular.js
本文介绍了如何使用 angular.js 在标题元素中绑定数据的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我正在学习 Angular.js 并且我设置了
并且我尝试使用 select 元素来改变它
I'm learning Angular.js and I set <title>{{title}}</title>
and I try to change that using select element
<select ng-model="user.title">
<option value="Lorem">Lorem</option>
<option value="Ipsum">Ipsum</option>
<option value="Dolor">Dolor</option>
</select>
我用 set()
function ctrl($scope) {
$scope.title = 'hello'; // this set the title
$scope.set = function() {
$scope.title = $scope.user.title; // this not
};
}
该函数不起作用,但是当我在没有函数的情况下设置它时它起作用.
THe function don't work, but it work when I just set it without a function.
我也尝试创建更改指令:
I also try to create change directive:
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 根本不执行.
but this too don't work. Console.log don't execute at all.
推荐答案
一切正常,无需额外代码:
Everything should work fine without extra code:
<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>
仅此而已.这是一支笔.
这篇关于如何使用 angular.js 在标题元素中绑定数据的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文