在AngularJS中将ng选项重置为控制器的默认值
在AngularJS中，可以通过使用ng-model指令和ng-init指令来将ng选项重置为控制器的默认值。
首先，在HTML中使用ng-model指令将ng选项绑定到控制器中的一个变量上。例如：
<input type="text" ng-model="myOption">然后，在控制器中定义一个默认值，并将其赋给该变量。例如：
app.controller('myController', function($scope) {
$scope.myOption = 'default value';
});这样，当页面加载时，ng选项会自动被设置为控制器中定义的默认值。
如果需要在某个事件或条件发生时将ng选项重置为默认值，可以使用ng-init指令。例如：
<button ng-click="resetOption()">Reset</button>app.controller('myController', function($scope) {
$scope.myOption = 'default value';
$scope.resetOption = function() {
$scope.myOption = 'default value';
};
});在上述示例中，当点击"Reset"按钮时，resetOption()函数会被调用，将ng选项重置为默认值。
需要注意的是，AngularJS已经不再维护和更新，推荐使用其后继版本Angular。在Angular中，可以通过使用[(ngModel)]语法来实现类似的功能。
腾讯云相关产品和产品介绍链接地址：
相关·内容
删除选择框后，Angular不会更新选择框的选项。我必须刷新视图才能看到更新后的选项。谢谢。
我的观点
form(ng-controller="FormRemoveStudentController", name="formAddStudentForm", novalidate)
div.combine
label.default.top(for="student") Select a student
select.default(ng-model="student.id", ng-opti
浏览 3提问于2014-07-27得票数 0
我使用路由将不同的模板加载到ngView中。其中一个模板有一个简单的控制器，其中包含一个联系人数组。我在这里要做的就像单击一个链接(ngclick)一样简单，调用一个函数并将一个新对象添加到数组中，我希望它会反映在我的UI中。
大概是这样的：
$scope.contacts = [{name='', email=''}];
<li ng-repeat="con in contacts">
<input type="text" ng-model="con.name"/>
<in
浏览 0提问于2012-12-17得票数 2
回答已采纳
我想用@Html.DropDownList做一个DropDownList，然后用AngularJS绑定。
代码
@Html.DropDownList("LessionID", (SelectList)ViewBag.LessionList, "chose one", new { ng_model = "LessionID" })
提示数据如: LessionID:1，LessionName:English......
然后是html代码
<select id="LessionID" class="ng-pristin
浏览 3提问于2014-09-26得票数 0
1回答
这里有Country、State和City filter下拉列表。我不想要乡村。我只想要州和城市的下拉列表。如果我选择州，它应该填充适当的城市。
只在印度的邦和城市，我想。有谁能帮我做这件事吗？
var app = angular.module('plunker', []);
app.controller('MainCtrl', function($scope) {
$scope.name = 'World';
$scope.countries = {
'USA': {
浏览 0提问于2018-03-16得票数 1
我也见过其他类似的问题，但没有一个答案对我有帮助。
我的控制器加载一个对象和一个对象数组，并将其赋值给两个变量。
阵列：
customers.getCustomers() //pobieram odpowiedniego klienta
.then(function successCallback(response){
$scope.klienci = response.data.data;
console.log('Klienci', $s
浏览 3提问于2016-01-09得票数 0
回答已采纳
2回答
<form name="editForm">
Title<input ng-model="task.title" type="text" name=taskTitle ng-model-options="{ updateOn: 'default' ,debounce{'default':2000000} }">
<a ng-click="UpdateTask(task.title)">SAVE</a>
<a
浏览 9提问于2015-09-06得票数 1
回答已采纳
这是我的密码
<ul kendo-menu k-orientation="horizontal" k-options="kendomenu">
<li ng-repeat="toplevel in UserMenu.TopLevels" class="k-item k-state-default" role="menuitem" >
<span class="k-link
浏览 5提问于2016-01-22得票数 3
回答已采纳
这里是表单：它有两个文本字段和一个select下拉字段
<form class="ui form" name="personalInfoForm" ng-repeat="obj in users">
<div class="field">
<div class="two fields">
<div class="field ui right icon input">
<input id
浏览 2提问于2016-02-23得票数 1
模块：
var myApp = angular.module('myApp', ['ng- admin','ngStorage','chart.js','ui.grid']);
控制器
myApp.controller('MainCtrl', ['$scope', function ($scope) {
var vm = this;
vm.gridOptions = {};
vm.reset = reset;
function reset() {
vm.gridO
浏览 1提问于2015-12-30得票数 0
<select ng-model="machineSelected"
ng-options="machine._id as machine.name for machine in machineList"
ng-change="onChangeMachine(machineSelected)"
ng-disabled="!mineSelected">
<!--<option value=""></option>--&g
浏览 7提问于2018-07-24得票数 2
我对AngularJS ng-view和ng-repeat有一个问题，我相信这与我处理scope的方式有关。我使用ng-repeat来显示数组中的项目列表。在ng-repeat scope on ng-click之外的一个按钮更新数组。但有些情况下，我无法让这个特性发挥作用。下面是我的代码示例：
<!-- home.html partial -->
<h1>Home view</h1>
<div>
<ul ng-repeat="p in posts.data">
<li>{{p.title}}&
浏览 3提问于2014-07-11得票数 0
回答已采纳
ng-model="customer.selected"不起作用。它没有显示任何客户
<p>Selected: {{customer.selected}}</p>
<div class="col-md-3">
<ui-select ng-model="customer.selected" theme="select2" class="input-md">
<ui-select-match placeho
浏览 0提问于2016-01-20得票数 0
回答已采纳
1回答
利用AngularJS orderBy过滤器，我在这里创建了一个可排序的表，
对于单击的每个表头，我使用“反向”的值来确定排序的方向。这造成了一个明显的问题，但是，当我单击不同的表头时，它们只会转到反向值的相反位置，这可能是以前从另一个表头更改的。
<th ng-click="predicate = 'character'; reverse=!reverse">alpha</th>
<th ng-click="predicate = 'num'; reverse=!reverse">num&l
浏览 2提问于2014-06-05得票数 1
回答已采纳
1回答
我试图使用php作为后端将带有angularjs的表单数据保存到数据库中。我把这个html作为表单
<form ng-submit="newContactSubmit()">
<label>FirstName<input type="text" name="contact_firstname" required ng-model="newContact.contact_firstname" /></label>
<label>LastNam
浏览 1提问于2013-10-04得票数 0
回答已采纳
关于从WebSql获取数据，我有一个非常简单的问题，我有DropDown，即
<select id="selectCatagoryFood" data-role="listview" data-native-menu="true"
ng-init="foodCatagory = foodCatagories.cast[0]"
ng-options="foodCatagory as foodCatagory.text for foodCatagory in
浏览 7提问于2013-10-02得票数 1
1回答
我在我的应用程序中使用嵌套的ng-包含。外部一个是登录屏幕不同的应用程序和内部ng-包括2个模板。我的登录屏幕分两个步骤设计。第一封电子邮件将被检查，然后密码。我在形式上有问题。在第二个模板密码中，当表单发布时，假设如果密码不匹配，则会显示错误，但我的ng-include模板被重置为第一个模板。我不使用ng-submit，相反，action属性是定义哪个帖子的表单。
这是我的密码
第二个ng-包括
<div ng-include="currTemplate" class="slide"></div>
$scope数组包含模板
$sco
浏览 1提问于2016-04-11得票数 0
我尝试执行一个简单的select操作，并将其传递给控制器中的console.log()。由于某些原因，它会导致“未定义”。我在这里做错了什么？
数据：
$scope.selectList = [
{UpdateId : 1, Title:'A'},
{UpdateId : 2, Title:'B'},
{UpdateId : 3, Title:'C'}
];
查看：
<form name="MyForm"><select name="RPSelection" ng-
浏览 1提问于2015-09-29得票数 0
正如标题所说，当我使用ng-repeat而不是ng-options时，我的HTML语言中出现了一个空选项。我使用ng-repeat而不是ng-options的原因是能够根据每个选项的值为其设置一个类。我尝试使用带有ng-options的指令，但没有达到预期效果。问题不在于没有设置默认的选定值，正如您在生成的HTML中所看到的那样。我怀疑空选项来自select ng-model，但我不确定。
我的HTML如下所示：
<select ng-model="selectedProduct.code" ng-init="selectFirstProduct(
浏览 0提问于2016-02-25得票数 0
6回答
问题：
我的页面中有一个SELECT元素，其中填充了一个ng-repeat。它还有一个ng-model，它有一个默认值。
当我更改值时，ng-model会进行调整，这是可以的。但是下拉列表在启动时显示了一个空槽，其中应该选择默认值为默认值的项。
码
<div ng-app ng-controller="myCtrl">
<select class="form-control" ng-change="unitChanged()" ng-model="data.unit">
<
浏览 1提问于2015-05-05得票数 58
回答已采纳
2回答
我知道这已经在一些Google线程中讨论过了，但我仍然找不到正确的解决方案来将我的无线电输入绑定到一个模型上(以干净而简单的方式)。
目前我有HTML：
<input ng-model="searchByRma" type="radio" name="search-type">
<input ng-model="searchByDelivery" type="radio" name="search-type">
在控制器中：
$scope.searchByRma =
浏览 0提问于2012-09-26得票数 32
回答已采纳
在AngularJs <select>中填充选项时，将添加一个额外的默认<option>，直到选择了一个值为止。
例如：
<select
ng-model="select1"
ng-options="title as title for title in ['Option 1', 'Option 2', 'Option 3']">
</select>
生成以下HTML标记：
<select ng-model="select1&#
浏览 7提问于2017-10-02得票数 1
回答已采纳
我有一个角度控制器，只要用户在控制器的作用域之外单击，它就需要重置。我该怎么做呢？
示例html：
<div id='parent'>
<div id='1' ng-controller="ctrl1">
<!--other things-->
</div>
<div id='2' ng-controller="ctrl2">
<!--other things-->
</d
浏览 0提问于2013-06-21得票数 4
几天前，我刚刚开始使用AngualrJS (喜欢它)，使用myApp示例，但我还没有完全掌握一些事件的时间。
我有一个路由器，它启动一个templateURL和一个控制器。templateURL是一个部分，它使用ng重复在我用控制器加载的JSON上循环。如果控制器包含静态JSON，它似乎按照我的意愿工作，但是当我使用$http加载JSON时，我开始遇到计时问题：
在$http返回之前进行部分解释，在图像路径等东西上抛出404，然后才能替换它们，->“{album.thumbnail}}.jpg”
我还有一个指令，在控制器启动异步$http调用之后触发一次，在$http调用实际上在
浏览 0提问于2014-04-16得票数 0
嗨，我现在的情况是:我也想要一个默认值，应该选择..。即使选择了select，也可以接受。但是在first..My代码中是空白的--这是
<select class="form-control" ng-options="tsk.value for tsk in task.dropdown_values track by tsk.id" ng-model="selectedItem" ng-change="checkvalue(task.id, selectedItem)" style="width:100%;marg
浏览 1提问于2016-01-11得票数 0
回答已采纳
我是AngularJS的新手。现在，我在一个电子商务站点上应用了以下两个过滤器：
<div ng-show="user.ShipMethod != null && shippers && orderShipAddress.AddressName != 'BIG'" " ng-class="{'view-form-select': !currentOrder.LineItems[0].ShipperName, '': curren
浏览 2提问于2015-06-13得票数 0
回答已采纳
我是AngularJS的新手，只是在玩玩这些东西。这是我的HTML：
<div ng-app ng-controller="nameController">
<input type="text" value="Jack" ng-model="fname" />
<input type="text" value="Sparrow" ng-model="lname" />
{{getFullName()}}
</div&
浏览 2提问于2013-06-26得票数 0
我需要从控制器的模板html文件中填充select(选项)元素。我可以成功地完成它，但是不能给出默认值(以避免第一个空选项)
template.html文件
...
<select name="drill_down" id="drill_down" ng-model="drill_down"
ng-options="item.value for item in items"></select>
...
controller.js文件
(function () {
'use strict
浏览 4提问于2015-08-21得票数 0
回答已采纳
<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<title>Insert title here</title>
</head>
<body>
<h2>Form Validation Example</h2>
<form name="myForm" novalidate="novalidate" data-ng-app="myapp" d
浏览 0提问于2015-12-15得票数 0
我正在使用ng-include加载大量数据。
我想知道是否有一种方法可以知道模板何时被“呈现”，因为有时它似乎被“冻结”了，因为我想做一个“加载屏幕”或其他什么。
谢谢。
下面是代码
控制器代码：
$scope.layout = {
current: 'single-table.html'
};
$scope.layout.get = function() {
return $scope.layout.current;
};
模板: main.html
<div class="btn-group">
<button ng-cl
浏览 3提问于2014-10-02得票数 0
使用angularJs选择选择框的默认值最简单的方法是什么？
我有这样的控制：
<div class="col-md-1">
<label for="timeZone">Time zone</label>
<select id="timeZone" name="timeZone" class="form-control"
ng-model="newTestSessionCtrl.formData.tim
浏览 0提问于2016-10-27得票数 0
1回答
是否可以在load中插入作用域和ng视图？
问题：
我有一个带有经销商列表的AngularJS应用程序。您可以在地图上选择转售商，并在覆盖-div(使用ng-show=“show”调用它)中打开详细信息。
when(
'/dealer/:id', {
templateUrl: 'files/tpl/dealer-details.html?19',
controller: 'DealerDetailsCtrl',
activetab: 'details'}
).
客户端现在想要的是，当客户打开页面
浏览 1提问于2013-01-13得票数 0
我需要从db中已经保存的值中更改下拉列表的“选定值”。我怎么能这么做？
控制器
var app = angular.module('app', []);
app.controller('ctrl', function($scope) {
$scope.months = ['January','February','March','April','May','June','July','August','September&
浏览 2提问于2014-11-06得票数 1
回答已采纳
现在，我正在尝试为select下拉菜单设置默认值。但无法将其删除，代码如下：
<div class='paymentmethods subcontent' ng-switch on="editpaymentmethod">{{editselection.selectedmethod=Memethods[paymethodindex]}}// This gives me what I need,but select doesn't. confused?
<select ng-model='editselec
浏览 1提问于2015-02-27得票数 0
1回答
在我的项目中，我有一个json文件，一个部署在本地机器/服务器中，另一个部署在另一个服务器中。
这是我从角控制器调用json数据的代码-
function Controller($scope, $http) {
$http.get("http://localhost:8080/RESTCall/test.json").
success(function(data) {
$scope.lists= data;
});
}
function Controller2($scope, $http) {
$htt
浏览 0提问于2016-01-05得票数 0
回答已采纳
我有一个物体如下所示。我必须把它显示为下拉列表：
var list = [{id:4,name:"abc"},{id:600,name:"def"},{id:200,name:"xyz"}]
在我的控制器中，我有一个带有值的变量。这个值决定了在默认情况下，将在下拉菜单中选择数组中上述三项中的哪一项：
$scope.object.setDefault = 600;
当我创建一个下拉表单项目时，如下所示：
<select ng-model="object.setDefault" ng-options="r.name f
浏览 9提问于2013-07-23得票数 22
我刚刚将AngularJs版本从AngularJS v1.4.8更新到AngularJS v1.8.0，并且我有一个需要默认值的选择。由于某些原因，ng-selected停止工作。你能告诉我如何在1.8.0上设置ng-selected吗？(代码使用ng-model)
<input name="questionamount" class="form-control uservalue" type="number" min="0" ng-model="userInput1" ng-disable
浏览 1提问于2020-07-21得票数 0
2回答
在AngularJS中，我的输入由php填充，如下所示：
<form method="post" ng-controller="PostCtrl">
<input type="text" name="post_title" ng-model="post_title" />
</form>
现在在我的控制器中，我从来没有指定ng-model，所以我假设我有一个空的控制器：
EngagementApp.controller('PostCtrl', ['$sc
浏览 1提问于2013-10-14得票数 0
看起来AngularJS在下面的场景中反应很疯狂：
当我从另一个控制器提供路由时，一切正常，模板显示正确。但是在重新加载相同的路由之后(!)在浏览器中，模板的行为很疯狂，因为ng-if和ng-show/ ng-hide块的行为不正确。该模板与来自URL (通过AngularJS获得)的-variables()相关。
可能的问题是什么？
在我的控制器中：
$scope.excel = $location.search().excel;
我通过console.log()检查过了，它是假的。但是我的模板运行不正确，我试遍了从=== true到= true之类的所有东西。
<div class=
浏览 0提问于2017-09-18得票数 0
假设我有一个模板：
<div ng-controller="ValueCtrl">
<dl>
<dt>Points</dt>
<dd>{{ points }}</dd>
</dl>
</div>
和一个控制器：
app.controller('ValueCtrl', function($scope) {
$scope.points = 100;
$scope.$on('points:changed', function(newPoint
浏览 1提问于2014-11-14得票数 2
1回答
我有一个angularjs页面，其中有一个数据点的ng-repeat列表。每个都有一个Delete链接(称为Delete 1)，当单击该链接时，需要隐藏Delete 1链接，并在其位置显示另外两个链接: Cancel和Delete (称为Delete 2)。当单击Cancel链接时，原始的Delete 1链接需要显示，而Cancel和Delete 2链接需要隐藏。所有这些目前都是有效的，但现在有了新的要求。
当单击“删除1”链接时，其他列表项上的所有“取消和删除2”链接对都需要隐藏。由于AngularJS是基于单个操作的，因此我为deleteLinkClick和cancelLinkClick创
浏览 0提问于2014-07-10得票数 0
我使用AngularJS创建一个html表单。因此，在我的表单中，我有两个文本输入和选择选项。守则如下：
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.5/angular.min.js"></script>
</head>
<script>
angular.module("myapp", [])
.
浏览 3提问于2014-09-24得票数 1
回答已采纳
我刚接触AngularJS，正尝试在一个企业项目中使用它。到目前为止，我已经跨越了很多障碍，但每天都会遇到它的问题！求求你，我需要你的帮助
此屏幕上的功能是一个两步过程。第一次加载页面时，将显示并填充div1。但是，div2显示时只有一个按钮。
然后，当用户单击div2中的按钮时，div2将填充来自服务器的信息。所以，我们最终在屏幕上看到了div1和div2。这两个div都有独特的angularjs控制器。
我的问题是，当用户单击div1中的链接(toggleDiv2)时，如何显示和隐藏div2。
显示/隐藏是重新开始处理所必需的，即，点击链接(toggleDiv2)用用于新的web服务调用的
浏览 0提问于2014-04-30得票数 0
我正在使用Datepicker插件
在科尔多瓦AngularJS项目中
我正在尝试为userdatadob设置默认值，该值来自webservice，但不起作用。虽然当我单击此字段时，会出现日期选择器，并设置值。
我已经测试了来自Webservice的值，并且它显示在其他输入字段中
我在普通的Javascript上测试了插件，它可以使用value属性
它不只在AngularJS上工作，任何帮助都将不胜感激
以下是我的代码
<div style="text-align:center;"><input type="date" placeholde
浏览 1提问于2015-06-03得票数 1
对不起，我的英语
我想为Create / Edit数据重用相同的页面
但是需要用null / undefined字段来初始化一些默认值
我不想在控制器中检查字段为空，比如
scope.user = {};
$scope.user.status = $scope.user.status || "some init value";
但是我尝试了ng-init但没有成功
<!DOCTYPE html>
<html>
<head>
<script data-require="angularjs@1.5.8" d
浏览 0提问于2016-10-13得票数 0
我使用angular schema for来呈现表单。我创建了自己的oneOf函数，该函数接受带有几个sachems的JSON，并呈现选择框供他们选择。选择框有选项，每个选项选择不同的模式。选择框呈现正确，但我总是得到第一个选项为空的value="?“。我应该怎么做才能在没有空选项的情况下呈现选择框？
2016年6月4日:我试图创建一个附加组件，它将创建一个选择框来选择第一个选项，但没有成功：
<div class="form-group {{form.htmlClass}} schema-form-select"
ng-class="{'
浏览 0提问于2016-03-20得票数 1
IE9对我的选择框并不友好。当你点击一个来改变Chrome中的值时，它就会按预期工作。在IE9中，它从页面上的每个选择框中删除默认选择。这到底是怎么回事？
这一次我不得不做一个jsfiddle，因为plunker似乎也没有链接到IE9。
下面是我在选择框中使用的一段代码。在小提琴中有一个有效的例子。
<select ng-model="initialOption1" ng-options="drafter.name for drafter in drafterItems"><option value="">Initial
浏览 1提问于2013-01-15得票数 2
回答已采纳
假设这是我的控制器：
function MainController(someService) {
var vm = this;
// remote call to load items
var vm.items = someService.loadItems();
/*
* item's are something like this:
* [
* {
* "id" : 15,
* "topic" : "مرکز شهی
浏览 0提问于2017-01-06得票数 0
2回答
考虑到以下守则：
<html ng-app="app">
<head>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.3/angular.min.js"></script>
</head>
<body ng-controller="appCtrl">
<div class="filters">
<div>
浏览 2提问于2017-04-06得票数 2
回答已采纳
给定应用程序和AngularJS应用程序：
名为“LoginForm”的表单
<div class="well well-large loginForm" ng-controller="LoginController" ng-hide="isAuthenticated">
<form id="loginForm" class="form-signin" name="LoginForm">
<h2 class="form-signin-he
浏览 0提问于2013-05-22得票数 7
我有一个使用AngularJS创建的表单。该表单是可以连续多次提交的问卷类型表单。表单是文本区域和下拉选择字段的混合。
表单有很多问题，每次提交表单时，都需要将它们重置为默认设置。
我设法使用$setPristine()清除文本区域，但是下拉字段不会停留到默认值--在提交表单时，它们将保持先前选择的状态，然后再次访问表单。如何重置窗体上的所有字段-包括下拉选择？我不想单独地重置每个字段，因为，正如我所提到的，每个表单可以有大量的问题，手动重新设置每个问题是效率低下的。
下面是我的表单视图的一个小示例
<div ng-controller="FormController"
浏览 1提问于2016-11-30得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
