0

AngularJS を使用した C# MVC アプリ

テキスト領域に最初に入力されたテーブルの値のリストを表示しようとしています。

ワークフローはこちら

ユーザーは、テキスト領域に値を次のように入力します。

A
B
C

ユーザーがボタンをクリックすると、モーダル ウィンドウが開き、テーブルに ABC が表示されます。

これを行うために角度を使用しようとしています。私は次のことを試しました：

<a class="btn btn-inverse pull-right" ng-click="arrangelist()">Arrange list</a>

<textarea id="letterlist" ng_model="letters"></textarea>

また試した 

@Html.TextAreaFor(model => model.letters, new { ng_model = "letters", @class = "width-100-percent", @rows = "7" })

そして、ここに私のモーダルウィンドウがあります:

<div id=" arrangelist" class="modal hide fade" aria-hidden="true">
    <table class="table">
        <thead>
            <tr>
                <th>Letters</th>
            </tr>
        </thead>
        <tbody>
            <tr ng-animate="'table-anim'" ng-repeat="letter in letters">
                <td>{{letter}}</td>
           </tr>
        </tbody>
    </table>
    <button type="button" class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
</div>

ウィンドウを開く JavaScript は次のとおりです。

$scope. arrangelist = function() {
    return $('#arrangevideos').modal('show');
}

そのため、モーダル ウィンドウが開き、テーブルが表示されますが、テーブル内に値はありません。

Angular を使用してモーダル ウィンドウのテキスト領域からテーブルに値を渡すにはどうすればよいですか

4

2 に答える 2

1

に変更ng_model = "letters"しng-model = "letters"ます。

文字は のarray代わりに にする必要がありstringます。入力を文字列のリストに分割する必要があります。

$scope.arrangelist  = function() {
    var letterplits;
    letterplits = $('#letterlist').val().split('\n');
    $scope.letters = letterplits;
    return $('#arrangelist').modal('show');
}
于 2013-08-13T17:30:17.720 に答える