我正在使用angularjs,我一直在努力创建一个过去2天的optgroup,同时处理其他一些东西,我很难过.我不得不创建一个ng-options,但直到我意识到我需要一个选项组才考虑.我尝试使用ng-options将其添加进去,但它会完全忽略它,弄乱代码或完全忽略选项.
我不知道我是否真的可以使用(双)&符号,所以我尝试结合两个ng-options,但无济于事.此外,我玩弄了odetocode中的特定代码(这似乎很有希望,但由于其自身有限的结构,无法与我的代码合并).
我试过的一切都破坏了我的代码.原始代码在下面(我的许多其他mod之前的代码),但我也有它的plunker:
http://plnkr.co/edit/xCLe2GFShUMUlIySPLH9?p=info
HTML
<!DOCTYPE html>
<html ng-app="myApp">
<head>
<link rel="stylesheet" href="style.css">
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.19/angular.js"></script>
<script src="script.js"></script>
</head>
<body>
<form name="FORM" ng-controller="appController">
<the-ratings model="review.ratings">
</the-ratings>
</form>
</body>
</html>
JS
(function(){
var app = angular.module('myApp',[]);
app.controller('appController', ['$scope', function($scope) {
$scope.review = {};
$scope.review.ratings = '5 stars';
}])
app.directive('theRatings', function() {
return {
restrict: 'E',
scope: { model: '=' },
template: '<select ng-model="model" ng-options="option.name as option.value for option in options"></select>',
controller: function($scope) {
$scope.options = [
{ name:'test', namegroup: 'Rate the product', …关于表单验证的这个特定方面,我在angularjs文档中或在线上找不到任何内容.您知道有人在输入字段中写入内容(例如:姓名,电话号码,电子邮件等),然后会出现绿色复选标记吗？或者X似乎暗示它是错误的,不完整的等等.
所以,我在我的文件夹中有这些图像,可以在任何一种情况下使用.问题是,我找不到文档来正确实现我想要实现的目标.我认为angularjs将是使用的解决方案,因为我的其余代码是有角度的.
由于这是angularjs,唯一提供可行选项的帖子和文档(由于一些原因不起作用)是以下选项:
https://docs.angularjs.org/tutorial/step_09
我正在考虑使用CSS来欺骗浏览器使一个或另一个图像在验证时出现.我认为这可能会迫使我的其他 div中的图像出现,但无济于事.
例如,在这个CSS中,我试过这个:
.ng-valid.ng-dirty .div.test{
border-color: green;
content:url(http://example.com/image);
}
在我的HTML中使用它:
<div class="test">
<label style="float:left">by:</label>
<input class="form-control controltwo" required ng-model="reviewCtrl.review.author" name="email" id="email" type="email" style="width:350px;" placeholder="Email Address"/>
</div>
正如我之前所说,我正在尝试使用angularjs来实现某些目标.由于CSS可用于样式,因此不能将其作为样式选项和复杂的验证器.我已尝试在链接上显示一些技巧,但它们不起作用.至于第二个链接,它不是为此目的而制作的,并且考虑到它们仅用于过滤器和图像,过滤器的文档没有帮助.