將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屬性並從中獲取值。