AngularJS指令:如何更改$范围,不反映在用户界面中?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (37)

我正在尝试使用AngularJS创建一些自定义元素并将一些事件绑定到它,然后我发现$ scope.var在绑定函数中使用时不会更新UI。 这是一个简单的例子,描述了问题:

HTML:

<!doctype html>
<html ng-app="test">
  <head>
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.0.6/angular.min.js"></script>
    <script src="script.js"></script>

  </head>
  <body>

<div ng-controller="Ctrl2">
  <span>{{result}}</span>
  <br />
  <button ng-click="a()">A</button>
  <button my-button>B</button>

</div>


  </body>
</html>

JS:

function Ctrl2($scope) {
    $scope.result = 'Click Button to change this string';
    $scope.a = function (e) {
        $scope.result = 'A';
    }
    $scope.b = function (e) {
        $scope.result = 'B';
    }
}

var mod = angular.module('test', []);

mod.directive('myButton', function () {
    return function (scope, element, attrs) {
        //change scope.result from here works
        //But not in bind functions
        //scope.result = 'B';
        element.bind('click', scope.b);
    }
});

DEMO:http://plnkr.co/edit/g3S56xez6Q90mjbFogkL?p=preview

基本上,当用户单击按钮B时(类似于按钮A上的),我将click事件绑定到my-button并想要更改。但如果我这样做,这个观点不会更新到新的$scope.resultng-click:a()$scope.result

我应该如何解决这个问题?

提问于
用户回答回答于

如果销毁分配给视图的父范围,则即使在$apply()调用之后,其更改也不会以任何方式影响视图。查看示例 - 你可以通过文本输入更改视图值,但是当你单击时Destroy parent scope!,模型不再更新。

当使用Angular Bootstrap的模式时,我遇到了这个问题。我试图打开第一个范围的第二个模态。然后,我立即关闭了导致父作用域被销毁的第一个模式。

热门问答

扩展能力之云调用,小程序端出错:[tcb-js-sdk]参数错误:非法的应用标识?

software微软、谷歌、腾讯、阿里、百度……
推荐
您好,appSign必须是小程序的appid,appSecret的两个字段必须是在云开发控制台-安全来源里配置过的。 image.png ... 展开详请

请问bugly上报的服务器是在哪?如果要发行海外版本,能把上报服务器调成海外吗?

serverless db 如何管理?

Richel码农
推荐
1.支持pg_dump,psql工具进行数据导入和导出。 2.本地CLI,可以使用postgresql的客户端psql,也可以使用dbeavr,navicate,pgadmin等工具访问。 3.支持操作DB ,要自己写逻辑 ... 展开详请

游戏联机对战引擎实时服务器怎么请求外部接口?

您好,实时服务器支持http访问内网,需要在实时服务器内下载request模块,同时把node_modules文件夹压缩打包上传发布实时服务器。

对象存储, 版本控制,没有提供对象的历史版本列表的查询API吗?

安卓APP使用免费版加固后,在Android11系统上运行闪退,是什么原因?

hello,目前已经适配了Android R Beta1,预计这周内上线移动应用安全在线版,请留意日志更新

所属标签

扫码关注云+社区

领取腾讯云代金券