Angular无法在基础模态中绑定输入文本

时间:2014-11-12 05:09:00

标签: angularjs zurb-foundation

我正在使用此处提供的基础的角度指令 - http://pineconellc.github.io/angular-foundation

我一直在寻找在其中一个模态框中使用文本字段。出于某种原因,我发现除了模型之外,它对于每个角度指令都表现得正常。在文本字段中输入任何内容并关闭模态窗口后,我无法检索在视图中的字段中输入的值,模型始终未定义。见下面的演示 http://plnkr.co/edit/FT1M2JjfRarZMTCwkOJG?p=preview

{{mytext}}

不产生任何东西。

1 个答案:

答案 0 :(得分:1)

您可以将$scope.selected声明为:

$scope.selected = {
    item: $scope.items[0],
    myText: ""
}

您的$scope.ok为:

$scope.ok = function () {
    $modalInstance.close($scope.selected);
};

ModalInstanceCtrl

这样可以轻松访问then函数中的变量:

modalInstance.result.then(function (selected) {
    $scope.selected = selected.item;
    $scope.myText = selected.myText;
}, ...);

您可以查看有效的example