Angular js 绑定与普通 html 元素
Angular js binding with normal html element
我正在尝试angularjs binding功能。我有一个场景,我在"ng-app"标签中有一个表单标签
<form name="CollectMFPToEvaluate" >
<input type="text" name="name" ng-model="risk.name" ng-show="false">
</form>
在我的应用程序中.js文件中,我正在编写一个工厂,它将调用一个普通的javascript函数来设置名称字段的值
angularApp.factory('NameFactory', function(){
return {
bodyLoaded:function(){
collectName();
},
};
});
var collectName = function(){
document.CollectMFPToEvaluate.name.value = "stackoverflow";
};
在应用程序中调用我的工厂后.js我尝试访问 name 变量应用.js
$scope.risk = {
name : '',
};
NameFactory.bodyLoaded();
alert("risk = "+$scope.risk.name);
我预计警报会打印"风险 = 堆栈溢出",但它打印"风险 ="。我错过了什么,如果是这样,任何人都可以纠正我。
谢谢
由于您直接更新了视图值,因此您需要告诉角度世界您已经更新了视图。如果您在工厂中运行应用程序,则应修复它。看看角度示波器
angularApp.factory('NameFactory', function( $rootScope ){
return {
bodyLoaded:function(){
$rootScope.$apply( collectName() );
}
};
});
相关文章:
- 如何设置html元素填充的动画
- 删除对HTML元素的拖动
- 如何使用jquery迭代具有相同属性的html元素并查找onclick事件
- 如何使用JQuery在Javascript中转换字符串中的HTML元素
- 一个html元素的克隆次数太多
- 使用AngularJS Directive WHITOUT$scope创建一个动态html元素
- 为什么我在Internet Explorer上看不到html元素
- 重新排列HTML元素的顺序并更改内容
- 使用.on动态添加jquery/js不知道的html元素
- 如果类不是一个选项,如何在使用 jQuery 时控制(避免)嵌套 html 元素的样式
- 如何将html元素添加到tampermonkey中
- 访问html元素值javascript
- 如何在HTML元素上创建函数,而不是将元素作为参数传递
- 自定义HTML元素属性未显示-Web组件
- 让HTML元素充当停止滚动的锚点
- 将html元素插入到文本字符串中,以匹配另一个html字符串
- 替换HTML元素中的字符
- 如何将html元素添加为生成的内容
- 如何使用JavaScript在没有html dom的情况下隐藏html元素
- 使用JS加载HTML元素