Question

我对AngularJs有点新意，并寻求一些基本概念的帮助。基本上，以下代码正确显示了从请求API返回的数据。

Request.cshtml

<div data-ng-controller="PostsController">
    <strong class="error">{{ error }}</strong>
    <strong data-ng-show="loading">loading..</strong>

    <div data-ng-repeat="request in posts | orderBy: 'Id':true">

        <strong>ID: {{ request.Id }}</strong>
        <strong>Contact No: {{ request.ContactNumber }}</strong>
    </div>

</div>

现在我还想在视图中添加按钮，当用户点击时，应显示联系人号码。我写了以下html / angular视图代码。显示号码

在PostsController.js文件中编写相应的“ShowNumber（）”函数需要帮助。但我很困惑如何发送单个值而不是列表。有什么帮助吗？

这是我目前的PostsController.js代码

function PostsController($scope, $http) {

    $scope.loading = true;
    $scope.editMode = false;

    $http.get('/api/request').success(function (data) {
        $scope.posts = data;
        $scope.loading = false;
    })
    .error(function () {
        $scope.error = "An Error has occured while loading posts!";
        $scope.loading = false;
    });



}

Answer 1

功能：

$scope.ShowNumber=function(value){  
  //Your logic
}

<强> HTML

<input type="button" value="Show" ng-click="ShowNumber(request.Id)" />

您可以在函数中发送任何值。您还可以发送列表索引：

ng-click="ShowNumber($index)"

如何显示ng-click事件的价值？

1 个答案: