Javascript 将角度JS数据传递给按钮OnClick事件
是否可以将Javascript 将角度JS数据传递给按钮OnClick事件,javascript,asp.net-mvc,angularjs,razor,Javascript,Asp.net Mvc,Angularjs,Razor,是否可以将cshtml页面上可用的角度js数据传递给按钮单击事件 角度js对象被引用为item.property。{{item.property}在html标记之间运行良好 功能是: function ShowFileDialog(ProjectID) { alert(ProjectID); } 我想做的cshtml是这样的,但显然是非常错误的 <button id="button-view" onclick="ShowFileDialog({{item.projectId}}
cshtml
页面上可用的角度js
数据传递给按钮单击事件
角度js
对象被引用为item.property。{{item.property}
在html标记之间运行良好
功能是:
function ShowFileDialog(ProjectID)
{
alert(ProjectID);
}
我想做的cshtml
是这样的,但显然是非常错误的
<button id="button-view" onclick="ShowFileDialog({{item.projectId}})"></button>
我已经有了解决办法,所以不需要其他的。从我的观点来看,这些类型的混合不应该做。最接近正确的方法应该是: 使用角度的使用方式设置视图的值:
<input type="text" ng-model="myVariable" id="myVar" />
如果要获取或使用此值,请从视图中获取它,如:
<script type="text/javascript">
var param1 = document.getElementById("myVal").value;
samplefunction( param1 );
</script>
var param1=document.getElementById(“myVal”).value;
样本函数(param1);
注意:
在本例中,我使用了输入
,但您可以使用数据-
myVar
属性并从中获取值
在控制器中
$scope.project= {"Id": 1, "name":"project1"};
$scope.ShowFileDialog = function(ProjectID)
{
alert(ProjectID);
}
然后在html中
<button id="button-view" ng-click="ShowFileDialog(project.Id)">show dialog</button>
然后在html中使用ng repeat as
<ul>
<li ng-repeat="proj in projects>
{{proj.name}} <button ng-click="ShowFileDialog(proj.Id)">show dialog</button>
</li>
</ul>
我刚刚回到这个话题,它看起来很有帮助。我对angular js完全陌生,所以不知道它是如何工作的,或者它应该做什么。
<ul>
<li ng-repeat="proj in projects>
{{proj.name}} <button ng-click="ShowFileDialog(proj.Id)">show dialog</button>
</li>
</ul>