角度显示输入基本复选框ng-model使输入无法访问

Question

请帮忙，我有以下代码

<div>
    <input type="checkbox" id="chk1" ng-model="Status" />
    <span ng-bind="Title"></span>
</div>
<div id="div1" ng-show="Status">
    <span ng-bind="SpanTitle" ></span>
    <input type="text" id="txtLastName" 
       ng-model="LastName"
       ng-click="LastNameClick()"
       ng-blur="LastNameOut()"
       name="txtLastName" />
</div>

当检查复选框时，会显示div1，但无法单击或写入输入文本。

请问好吗？

修改：从用户评论中添加了控制器

function DController($scope) {
    var defaultInputText = "hello";
    $scope.Title = "check";
    $scope.SpanTitle = "Span";
    $scope.Status = false;
    $scope.LastName = defaultInputText;
    $scope.LastNameClick = function () {
        if ($scope.LastName ==defaultInputText) {
            $scope.LastName = "";
        }
    }
    $scope.LastNameOut = function () {
        if ($scope.LastName.length == 0) {
            $scope.LastName = defaultInputText;
        }
    }
}

Answer 1

从代码中，您提供的，我可以建议，问题可以在css中。可能是某些元素与输入重叠。