Question

我有离子模态模板，看起来像：

<ion-modal-view>
    <ion-header-bar>
        .....
    </ion-header-bar>
    <ion-content>
        ...
        <input class="form-input" type="text" ng-model="relation"/>
        ...     
    </ion-content>
</ion-modal-view>

内部控制器：

$scope.resolve = function () {
    console.log('relation', $scope.relation);
}

我需要从解析函数中的relation模型中获取值，但它是未定义的。我有什么方法可以得到它？

感谢您的关注！

Answer 1

这对我有用，请看看我已将您的Ionic-modal模板更新为

<ion-modal-view>
    <ion-content>
        <input class="form-input" type="text" ng-model="test.relation"/>
        <button class="button button-bar button-positive" ng-click="answer()">Click Me</button>
    </ion-content>
</ion-modal-view>

在您的控制器内，请将您的代码更新为：

$scope.test = {};
$scope.answer = function(){
    console.log($scope.test.relation);
}

如果您有任何疑问，请回复。

Answer 2

“如果你使用ng-model，你必须有一个点。”

让你的模型指向一个object.property，你会很高兴。

导致这种情况的问题是嵌套状态。您可以找到有关此问题的更多信息Nested Scopes in AngularJS。

<强>控制器

$scope.form = {};
$scope.resolve = function () {
    console.log('relation', $scope.form.relation);
}

测试

<强>模板

<ion-modal-view>
<ion-header-bar>
    .....
</ion-header-bar>
<ion-content>
    ...
    <input class="form-input" type="text" ng-model="form.relation"/>
    ...
</ion-content>

从模板中获取ng-model值

2 个答案: