javascript - angularjs指令怎么改变dom元素里面的值

问题描述

问 题

var selectCommens = angular.module('chapterSelect', []).controller('myChapter',function($scope){

$scope.name='derek';

})。link:function(scope,iElement,iAttrs,controller){

        restrict: 'AE',
        template: '<a href="javascript:;">点击</a>',
        replace: false,
        iElement.bind('click',function(){
            scope.name='frank';
            
            console.log(scope)
        })
        
    }

现在绑定了click事件，怎么样让我点击动态让scope.name改变并同时在页面上更新;

解决方案

第一次见这种写法。。你这个指令写的不清楚啊。 总的来说应该是在指令那个里面设置

scope:'='

双向数据绑定将指令变量变化同步到controller中，或者在指令出发函数中利用事件机制

scope.$emit('someevent','data')

在controller中接收事件

$scope.$on('someevent',function(event,data){
})

另外不建议在controller中或者directive直接用bind绑定事件。可以直接在 html中 利用ng-click之类的来代替

这篇关于javascript - angularjs指令怎么改变dom元素里面的值的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！