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