单击按钮并显示新的html元素

单击按钮并显示新的html元素,html,angularjs,Html,Angularjs,如果单击“添加”按钮,则会出现一个复选框以及texxtbox的文本。但只显示文本,没有复选框。如何显示复选框?您必须调用控制器中的函数,并将某些变量更新为true/false。根据该值并使用ng if指令,可以切换HTML元素 $scope.displayCheckBox=false; $scope.val=someRandoValue; $scope.addToDo=函数{ $scope.displayCheckBox=true; }; 待办事项 {{val}} addToDo做什么?结果标

如果单击“添加”按钮,则会出现一个复选框以及texxtbox的文本。但只显示文本,没有复选框。如何显示复选框?

您必须调用控制器中的函数,并将某些变量更新为true/false。根据该值并使用ng if指令,可以切换HTML元素

$scope.displayCheckBox=false; $scope.val=someRandoValue; $scope.addToDo=函数{ $scope.displayCheckBox=true; }; 待办事项 {{val}}
addToDo做什么?结果标记是什么?请添加更多代码,我们无法看到您的addToDoSorry,忘记发布脚本。请检查一下
     <div>
        ToDo<br>
        <input ng-show="add" type="checkbox" >{{val}}
    </div>

    <div>
        <input type="text" ng-model="ToDo">
        <input type="button" ng-click="addToDo()" name="btn" placeholder="add todo here" ng-model="add" value="add" />
    </div>
  var app = angular.module("myapp",[]);
        app.controller("myctrl",function($scope,$log){
            $scope.addToDo = function(){
                $scope.val = $scope.ToDo;
            }
        });