1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > angular单选按钮_使用AngularJS处理单选框和复选框的简单方法

angular单选按钮_使用AngularJS处理单选框和复选框的简单方法

时间:2021-08-13 00:03:40

相关推荐

angular单选按钮_使用AngularJS处理单选框和复选框的简单方法

AngularJS对表单的处理相当简单。在AngularJS使用双向数据绑定方式进行表单验证的时候,实质上它在帮我们进行表单处理。

使用复选框的的例子有很多,同时我们对它们的处理方式也有很多。这篇文章中我们将看一看把复选框和单选按钮同数据变量绑定的方法和我们对它的处理办法。

创建Angular表单

在这篇文章里,我们需要两个文件:index.html和app.js。app.js用来保存所有的Angular代码(它不大),而index.html是动作运行的地方。首先我们创建AngularJS文件。

// app.js

var formApp = angular.module(formApp, [])

.controller(formController, function($scope) {

// we will store our form data in this object

$scope.formData = {};

});

在这个文件里,我们所做的就是创建Angular应用。其中我们还创建了一个控制器和一个用来保存所有表单数据的对象。

下面我们看看index.html文件,在这个文件里,我们创建了表单,然后进行了数据绑定。我们使用了Bootstrap快速地对页面进行布局。

body { padding-top:50px; }

form { margin-bottom:50px; }

Angular Checkboxes and Radio Buttons

Name

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。