javascript - 无法获取 ng-if 包装的输入值

Question

我无法获取 ng-if 包装的输入值这是html代码

<div ng-controller="Home">
    <form ng-submit="startChat(visitor)" >
        <div class="lkv_getting">
            <div ng-if="formsetting.name == true">
                <input required ng-class="lkv_name_class" ng-model="visitor.name" id="lkv_name" name="lkv_name" type="text" class="lkv_input" placeholder="Nhập họ tên" />
            </div>                
            <textarea required maxlength="100" placeholder="Gõ tin nhắn!!" ng-model="visitor.msg" id="message_input" name="lkv_message_input"></textarea>
            <button class="lkv_button" type="submit" id="lkv_start" title="Message">Bắt đầu</button>
        </div>
    </form>
</div>

和 Controller

$scope.startChat = function (visitor) {        

    var user = visitor.name; // the value is undefine
    var msg = visitor.msg; // but this one has value
};

谁能帮帮我？提前致谢

Answer 1

当使用 ng-if 时，如果 formsetting.name 等于 false，则 DOM 元素将不会被渲染。这意味着您将无法取回输入值，因为它们不会呈现到 DOM。检查 formsetting.name 是否确实为 true 或在 Controller 中初始化为 true(如果这对您有意义)。如果 formsetting.name 可以更改值，您可能想使用 ng-show 代替。使用 ng-show 将元素绘制到 DOM 但隐藏它们，以便您仍然可以访问它们。