0

私は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;
    });



}
4

1 に答える 1

1

関数：

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

HTML

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

関数内で任意の値を送信できます。また、リストのインデックスを送信することもできます:

ng-click="ShowNumber($index)"
于 2013-11-03T20:20:30.993 に答える