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 回答
0

你需要使用ng-model，而不是ng_model。只要您的模式与您的文本区域在同一个控制器中，您就应该能够传递它。$scope.此外，您在和之间有一个空格arrangelist。请参阅此小提琴以获取一个简单的工作示例。

于 2013-08-13T17:51:17.270 回答