Javascript Angularjs不承认;这";
我有一个模式,其内容由JavaScript方法生成(原因是内容强烈依赖于从DB检索的数据,包括层次结构及其结构) 最初,我部署了复选框(作为生成的HTML的一部分),如下所示:Javascript Angularjs不承认;这";,javascript,angularjs,Javascript,Angularjs,我有一个模式,其内容由JavaScript方法生成(原因是内容强烈依赖于从DB检索的数据,包括层次结构及其结构) 最初,我部署了复选框(作为生成的HTML的一部分),如下所示: <input type="checkbox" id="Chkbox_1" onClick="Handle_Select(this,1,'Topic_34343')"> Handle_Select = function (p_this,p_Topic_ID, p_Topic_N
<input type="checkbox"
id="Chkbox_1"
onClick="Handle_Select(this,1,'Topic_34343')">
Handle_Select = function (p_this,p_Topic_ID, p_Topic_Name) {
if(p_this.checked) {...}
}
现在,我将onClick
替换为ng click
(如上所述,我使用的是AngularJS),突然这个不再包含输入元素的属性,而是控制器的内容。当然,相同的函数现在看起来是:
$scope.Handle_Select = function (p_this,p_Topic_ID, p_Topic_Name) {...}
最好使用以下语法:
<input type="checkbox"
id="Chkbox_1"
ng-click="Handle_Select($event, 1, 'Topic_34343')">
最好使用以下语法:
<input type="checkbox"
id="Chkbox_1"
ng-click="Handle_Select($event, 1, 'Topic_34343')">
Angular附带了一些方便的指令,这些指令抽象了许多典型的javascript样板代码。在这种情况下,考虑使用<代码> NG模型和<代码> NG检查指令。ngModel将您的输入元素绑定到范围中定义的值,ngChecked将根据您定义的属性选中或取消选中输入:
<input type="checkbox"
id="Chkbox_1"
ng-model="your_scope_data" ng-checked="your_scope_data.is_checked">
因此,在控制器中定义$scope.您的\u scope\u数据
,然后angular会将其与模板绑定在一起,以便值保持同步您的\u范围\u数据。is \u checked
是您用ng model
绑定到输入元素的数据的任意属性。如果您想进行比较等,也可以在ng checked
中计算一个简单表达式。希望这对您有所帮助,祝您好运 Angular附带了一些方便的指令,这些指令抽象了许多典型的javascript样板代码。在这种情况下,考虑使用<代码> NG模型和<代码> NG检查指令。ngModel将您的输入元素绑定到范围中定义的值,ngChecked将根据您定义的属性选中或取消选中输入:
<input type="checkbox"
id="Chkbox_1"
ng-model="your_scope_data" ng-checked="your_scope_data.is_checked">
因此,在控制器中定义$scope.您的\u scope\u数据
,然后angular会将其与模板绑定在一起,以便值保持同步您的\u范围\u数据。is \u checked
是您用ng model
绑定到输入元素的数据的任意属性。如果您想进行比较等,也可以在ng checked
中计算一个简单表达式。希望这对您有所帮助,祝您好运 是,ng单击
。Angular directive.event处理程序通常传递一个事件参数,如果要传递其他数据,请使用bindYes查看,ng单击
。Angular directive.event处理程序通常会传递一个事件参数,如果要传递其他数据,请使用bindThreak@DmitriyLoskutov查看。你的建议效果很好。谢谢@DmitriyLoskutov。你的建议效果很好。谢谢你的建议,但是Dimitry的建议对我来说要简单得多(代码几乎没有变化)。谢谢你的建议,但是Dimitry的建议对我来说要简单得多(代码几乎没有变化)。