将Angular JS数据传递给Button OnClick事件

Question

是否可以将cshtml页面上可用的angular js数据传递给按钮单击事件？

角度js对象被引用为item.property. {{item.property}} item.property. {{item.property}}在html标记之间运作良好。

该函数是：

function ShowFileDialog(ProjectID)
{
    alert(ProjectID);

}

我cshtml就是这样，但是显然是非常错误的。

<button id="button-view" onclick="ShowFileDialog({{item.projectId}})"></button>

我已经有工作了-因此不需要其他人。

Answer 1

在您的控制器中

$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>

如果您有这样的项目列表，

$scope.projects= [{"Id": 1, "name":"project1"},{"Id": 2, "name":"project2"}];

然后在您的html中使用ng-repeat作为，

<ul>
    <li ng-repeat="proj in projects>
        {{proj.name}} <button ng-click="ShowFileDialog(proj.Id)">show dialog</button>
    </li>
</ul>

在这里看到更多

Answer 2

从我的观点来看，这些类型的混合不应该做。 最接近的正确方法应该是：

使用您应该使用的角度值来设置视图 ：

<input type="text" ng-model="myVariable" id="myVar" />

如果要获取或使用此值，请从如下视图中获取：

<script type="text/javascript">  
    var param1 = document.getElementById("myVal").value;
    samplefunction( param1 );   
</script>

在线演示

注意：在此示例中，我使用了input但是您可以使用data- myVar属性并从中获取值。