我使用Angular UI Bootstrap 0.8.0和AngularJS 1.2.15来显示一些手风琴内容。其中一个accordions包含一个带有输入/选择元素的表单。我有一个select下拉列表，上面有一个ng-model的国家列表，用来显示选定的值。ng-model由select元素上的自定义指令'initialize- model‘初始化，该指令将模型初始化为HTML标记的value属性。这些选项是使用服务器端模板(ZPT)生成的。在其他浏览器中，当我选择一个国家/地区，保存表单并再次打开页面时，我会看到所选的国家/地区，但在IE8中，ng-model在页面加载时设置不正
浏览 2提问于2014-11-07得票数 0
我创建了一个指令，检查数据是否以下列方式输入到HTML元素：
var myApp = angular.module('myApp', []);
myApp.directive("uiRequired", function () {
return function (scope, elem, attrs) {
elem.bind("blur", function () {
var $errorElm = $('#error_testReq');
$errorElm.empty();
浏览 6提问于2013-12-05得票数 0
回答已采纳
2回答
我试图在AngularJS中更改特定标题的颜色。我的问题是，其中有多个具有相同类的标题，我想更改只单击的标题的颜色。目前，我已尝试：
HTML:
<div class="row">
<div class="span6">
<div class="heading">Heading 1</div>
</div>
<div class="span1">
<i cl
浏览 2提问于2016-08-10得票数 0
我在使用自定义指令中的ng重复填充选定的下拉列表时遇到了麻烦。我发现这个例子与我想要实现的非常相似。它看起来很管用，但我的不行。
目标：获取select下拉列表以显示来自testArray的选项数组
Plunkr：
var app = angular.module('myapp', []);
app.controller('mainController', function($scope) {
$scope.testArray = [{'option' : '1' }, {'option': '2
浏览 3提问于2015-09-15得票数 0
回答已采纳
我已经创建了一个表，用户可以在其中增加和减少该值。请参阅
//sample code as its not allowing me to push the link to JSFiddle with out pasting code
<tr ng-repeat="d in dataSource" ng-animate="'animate'">
// css - as from angular page
.animate-enter {
-webkit-transition: 1s linear all; /* Chr
浏览 0提问于2013-11-19得票数 30
回答已采纳
1回答
我正在阅读棱角飞镖教程，我试着做一个项目列表，当点击一个项目时，用点击项目的文本填充一个输入。在我修改输入中的文本之前，这是正常的。之后，单击列表中的另一项不会更新输入字段中的文本(在此之前)，也不会修改列表中的项。
我的起点是2教程，但尝试将其与第一篇中的一些输入结合起来。
我的html文件：
<!DOCTYPE html>
<html ng-app>
<head>
<meta charset="utf-8">
<meta name="viewport" content="wid
浏览 3提问于2014-04-02得票数 1
回答已采纳
我试图使用 -自动完成指令的AngularJS，没有任何运气。问题是:从自动完成列表中选择的值不会更新我的模型。
角应用
var app = angular.module("workScheme2App", ['angucomplete-alt']);
workScheme2App.controller('SMSController', function ($scope, $http) {
this.anketa =
{
DeliveryAddress_Province: {
id: 0
浏览 3提问于2015-02-19得票数 2
回答已采纳
我是个新手，
我正在尝试创建一个列表，并让选定的值使用它，因为我使用(ngModel)它将选定的值应用于所有三个列表值，我不希望这样做。
<div *ngFor="let arr of arrName" >{{arr}}
<input type ="text">
<select [(ngModel)]="slecVal">
<option *ngFor="let cl of colors" >{{cl}}</option>
<
浏览 0提问于2018-05-08得票数 0
1回答
我有一个项目列表，当前的(选定的)一个更详细地显示在屏幕的另一个部分。在更详细的部分中，可以使用contenteditable编辑选定项的部分内容。
现在，当用户向列表中添加一项时，我希望触发元素上的focus事件，以便用户可以立即编辑标题。
我所拥有的一个非常简单的版本是：
function ListCtrl($scope) {
$scope.list = [
"one",
"two"
];
$scope.add = function() {
$scope.list.push("new item");
浏览 4提问于2014-05-13得票数 0
回答已采纳
在哪里可以找到完整的Angular结构指令列表？我知道这些：
*ngFor
*ngIf
*ngSwitchCase
*ngSwitchDefault
*ngSwitch
*ngTemplateOutput
还有其他的吗？我想一定有一个完整的列表，但到目前为止，我还没有找到它。
浏览 5提问于2020-08-05得票数 0
This is my customer.component.html.I am使用此组件将我的json数据显示为联系人列表
<mat-card class="example-card" *ngFor="let filteredScreen of filteredScreens; index as i" [ylbHigh]="color">
<mat-card-header >
<div mat-card-avatar class="exampl
浏览 4提问于2018-08-10得票数 1
回答已采纳
我正在尝试使用jQuery在一个Angular应用程序中更改textarea的颜色，但它不起作用。
我该怎么办？上面写的是$ is not defined。HTML：
<body>
<div ng-app="myApp" ng-controller="testController">
<textarea id="abc">abc
</textarea>
</div>
</body>
</html>
Angu
浏览 0提问于2017-01-06得票数 1
我的模块中有两个指令。第一个来自。我第二次用它做模型。这两个指令表示输入字段，但第二个指令不存储值。链接函数不更新ng模型值。
link: function(scope, elem, attrs) {
if (!!attrs.ngModel) {
var assignDivision = $parse(attrs.ngModel).assign;
elem.bind('change', function(e) {
assignDivision(elem.val());
});
浏览 2提问于2013-11-19得票数 1
回答已采纳
2回答
好吧，我甚至不确定这是否可能，但我想要更改选定HTML列表框项目的默认颜色。我不是在谈论列表框选项标签的背景颜色。这可以通过CSS来实现，我明白。我说的是当项目被选中时覆盖背景颜色的颜色。在Chrome、FF和IE中，如果我只是将背景颜色更改为红色，然后从列表中选择项目，则颜色现在为蓝色。我似乎找不到任何关于是否可以覆盖颜色的东西，但我希望这里的人能知道。谢谢你的帮助。
浏览 3提问于2012-04-10得票数 5
回答已采纳
我正在使用Angular 12，并且我已经创建了一个按钮组件，它将包含一个按钮元素。我还知道如何使用@Input、Output等传递数据。按钮我需要做的是为Angular做一些类似于材料UI的东西： 如果我有这个： <button></button> 我如何在不使用ngClass或类的情况下连接颜色类，但如下所示： <button color="myclass"></button> ?
浏览 3提问于2021-09-06得票数 0
回答已采纳
我已经创建了一个下拉输入指令，用户可以在其中传递一个模板字符串来设置列表实际呈现的内容。在我的示例中，我传递的是<div style="background-color: darkgrey" ng-style="{\'color\': isActive?\'red\':\'blue\'}">{{index}}</div>，因此它将呈现项目索引号，然后根据isActive对其进行着色。索引显示正确，背景颜色正确，但ng样式被忽略.我在setTimeout中创建模板，因为我必须等待ng-重复来
浏览 4提问于2015-04-21得票数 0
回答已采纳
2回答
我是AngularJS的新手，所以我仍然试图掌握最佳实践和做事的“角力方式”。话虽如此，我的情况如下：
我正在尝试提交一份AngularJS表格。表单的一部分是我希望用户从中选择的博客名称列表。每个<li>内部都有一个复选框。当用户单击li时，我希望选中复选框，以便在表单提交时，它记录选定的博客名称。
<li>
<div>
<img ng-src="{{ image }}" />
</div>
<div>
{{ name }}
</div
浏览 1提问于2016-08-17得票数 1
回答已采纳
我正试图实现水平菜单中多个锚链接之间的切换功能。我目前面临的问题是，active类没有应用于链接。
我所期待的是，当用户点击链接时，文本的颜色应该会发生变化。只有选定的链接文本颜色应该更改。
SCSS
.link-active{
&:active,
&:hover {
color: red;
}
}
<div class="horizontal-scroll">
<span *ngFor="let menuOption of homePageMenu; let i = index;
浏览 1提问于2019-12-28得票数 0
回答已采纳
我是Angular2新手，我想知道如何根据值将字体颜色设置为元素。
我的场景是:如果输入字段的值不是100，那么我希望它是红色的，如果它是100，那么我希望它是绿色的。
我有下面的代码在适当的地方，但无法使它工作。
XXX.component.css
.red {
color: red;
}
.green {
color: green;
}
XXX.component.css
<input mdInput placeholder="Proportion '%'" [(ngModel)]="proportion ">
浏览 5提问于2017-06-08得票数 9
回答已采纳
我有一个可排序的包装器指令，允许将一个项目从一个列表中移动到另一个列表中。
具有数组容器：
$scope.container = [
[{id: '1.1'}, {id: '1.2'}, {id: '1.3'}],
[{id: '2.1'}, {id: '2.2'}, {id: '2.3'}]
]
我使用这样的指令：
<div ng-repeat="array in container">
<ul sortable>
<li ng-r
浏览 2提问于2013-11-19得票数 0
回答已采纳
2回答
我有一个指令，在鼠标经过时改变元素的背景颜色，如下所示。 import {Directive, ElementRef, HostListener, Input} from '@angular/core';
@Directive({
selector: '[appHighlightme]'
})
export class HighlightmeDirective {
@Input('appHighlightme') color : string
constructor(private el:ElementRef) { }
@
浏览 43提问于2020-04-22得票数 2
回答已采纳
1回答
嵌套复杂指令不被执行？
、、、
我试图遵循 by ，在这里，他通过将指令分类为组件和容器来解释指令。
因此，我尝试这样做，有一个容器(幻灯片)将容纳不同的项目(文本区域，图像，视频.)但我的例子更有活力。
他的例子是这样的：
<panel title="{{title}}">
<element text="{{body}}"></element>
</panel>
但我的更像这样：
<slide ng-repeat="slide in slides" slide-id="{{slide.id}}">
浏览 3提问于2013-04-24得票数 0
回答已采纳
我正在学习angular，遇到了视图孩子和内容孩子。这些是angular中的查询列表对象。在生命周期钩子期间，angular更新查询列表。查询列表对象存储视图节点。这一切都是理论上的，我想问一下，更新查询列表或进行查询是什么意思？什么是查询列表中的查询？
浏览 131提问于2019-12-14得票数 2
当Angular 5材质mat-select设置为disabled时，如何更改显示选定值的文本的字体颜色。目前，它默认为灰色，我想要更改它，以便它显示深蓝色，无论是禁用还是启用。
<mat-form-field>
<mat-select placeholder="Select a Product" [(ngModel)]="selected" [disabled]="isDisabled" panelClass="my-select-panel-class">
<mat-opt
浏览 0提问于2018-04-29得票数 2
2回答
我有一个可以动态添加html控件的手风琴。我正在尝试弄清楚，当任何子控件变脏时，如何将手风琴面板的颜色更改为黄色。这是我到目前为止拥有的plnkr代码。1：
布局如下。
<html ng-app="app">
<head>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.10/angular.js"></script>
<script src="//angular-ui.github.io/bootstrap/u
浏览 4提问于2014-10-02得票数 0
我正在开发一个Angular 8应用程序，我们使用全局风格。我在应用程序中使用D3图表库，要设置样式，您必须在代码中配置它。例如：
plottingArea.append('text')
.attr('fill', '#00B2B3');
这将更改D3图形(svg)中使用的文本的颜色。但是因为我们使用全局样式，所以我需要找到一种方法来将这个值拉到代码中，这样如果样式在某个时候改变了，我就不需要改变代码了。
我尝试创建一个类选择器并在其中添加颜色，然后将类添加到用于图表的html元素(在本例中为div)，然后使用@ViewChild查询该类
浏览 6提问于2021-02-26得票数 1
例如，有一个名为'typeahead‘的指令，它建议字段的值。假设我想要创建一个指令，我可以将其用作一个元素的属性，该属性将导致为该元素建议颜色。
这是一个失败的尝试..。
指令：
angular.module('myApp')
.directive('suggestcolors', function () {
return {
compile: function compile(element, attrs) {
attrs.$set("typeahead", "color for col
浏览 1提问于2013-08-15得票数 4
1回答
我的控制台中有以下错误：
错误:指令“searchTerm”要求的$compile:ctreq控制器“游戏列表”无法找到！
下面是我正在使用的代码：
游戏列表：
<div class = "bit-75-percent games-list" data-ng-controller = "GamesController">
<ng-include src = "'../templates/simpleSearch.tpl.html'"></ng-include>
<d
浏览 1提问于2014-06-29得票数 0
我正在学习这篇教程。
但是我一直收到这个错误：
EXCEPTION: No Directive annotation found on CoursesComponent
我的app.components.ts看起来像这样
import {Component} from 'angular2/core';
import {CoursesComponent} from './courses.component';
@Component({
selector: 'my-app',
template: '<h1>He
浏览 0提问于2016-12-05得票数 1
2回答
使用Angular/Material 6.2，无法找到正确的CSS设置来覆盖禁用的mat-select中选定mat-option的颜色：
<mat-select [disabled]="true" [value]="option2">
<mat-option>None</mat-option>
<mat-option value="option1">Option 1</mat-option>
<mat-option value="option2">
浏览 4提问于2018-09-28得票数 4
回答已采纳
1回答
我对均值叠加比较陌生，我正试图在一个项目中包含一个角甘特图。根据github上的文档，我遵循了所有的步骤，但是我不断地发现一些错误。以下是我所采取的步骤的简要概述。
安装角度甘特图使用
安装角钢-甘特-保存
我使用以下方法查找依赖项：
咕噜绳
我将资产/转角-gantt.js和资产/gant.css添加到了由yo env生成的config/env/all.js文件中。
我在publlic/config.js文件中将gantt模块包含到我的角应用程序模块中
5.我还在角-甘特文件夹中发出咕噜声，以构建角-gantt.min.js和角-gantt.js，我还意识到这些文件还
浏览 3提问于2014-11-04得票数 0
回答已采纳
我的主html中有来自ng-repeat的数据。
<span ng-repeat="acqui in acquis">
<card-info class="card" acqui="acqui"></card-info>
</span>
在我的card-info指令(单独的html文件)中，我有几个显示数据的元素
<h6 class="buyer">Acquired By: <strong>{{acqui.buyer.name}}</strong
浏览 1提问于2016-08-23得票数 2
回答已采纳
当我使用angular的指令时，我得到了这个错误。
Error: [$compile:tplrt] Template for directive 'header' must have exactly one root element. /apps/dhe.techForm/views/directives/header.html
http://errors.angularjs.org/1.4.8/$compile/tplrt?p0=header&p1=%2Fapps%2Fdhe.techForm%2Fviews%2Fdirectives%2Fheader.h
浏览 0提问于2016-02-26得票数 0
1回答
我在一页中有3‘垫滑块，我想为滑块有3种不同的颜色。我不能覆盖页面(组件)的主题颜色，因为它将适用于所有的滑块。我是否必须为滑块制作3个不同的组件，并在每个滑块中覆盖主题颜色?实现这一目标的最简单方法是什么?下面是我的角度和包版本。
Angular CLI: 6.0.8
Node: 8.9.4
OS: win32 x64
Angular: 6.0.6
... animations, common, compiler, compiler-cli, core, forms
... http, language-service, platform-browser
... platform-brows
浏览 0提问于2018-06-26得票数 1
回答已采纳
3回答
我有一个控制器，该控制器获取数据以填充大型下拉列表：
MySrvc.getData()
.then(function (response) {
$scope.someData = response.data;
});
我还有一个被实例化并定义为这样的组件。
<my-component foo='someData'></my-component>
angular.module('mod').component('myComponent', {
bindings: {
浏览 4提问于2016-04-23得票数 0
回答已采纳
我有一个用于水平菜单的简单列表：
<ul>
<h1>Menu</h1>
<li>
<a href="/" class="selected">Home</a>
</li>
<li>
<a href="/Home">Forum</a>
</li>
</ul>
当我向选定的类添加背景颜色时，只有文本获得该颜色，我希望它拉伸整个部分的距离。
希望这是
浏览 1提问于2008-09-21得票数 3
回答已采纳
2回答
我正在编写一个角5指令，其目标是将一些主机视图(由组件创建)添加到viewContainer中。
我的困境是，我不知道应该为此使用属性指令还是结构指令。我试过这两种方法，它们都能工作，所以我需要解释一下我应该使用哪一种。
属性指令：
HTML：
<div [myAttrDirective]="param"></div>
指令：
import {
Directive,
Input,
ViewContainerRef,
ComponentRef,
ComponentFactory
浏览 0提问于2018-05-22得票数 2
2回答
我试图动画一个用户从不同的项目集选择项目。项目应该从点击的设置动画到它在选定项目列表中的新位置。
在下面的演示中，将粉色框视为可用项，将边框视为所选项目的列表(蓝色框)。用户可以通过单击以下任何一个粉红框来选择项目：
angular.module('test', ['ngAnimate'])
.controller('testCtrl', function($scope) {
$scope.products = [{}, {}, {}, {}];
$scope.purchased = [{}];
$scope.pu
浏览 5提问于2016-01-19得票数 27
2回答
我有这段代码来显示用户可以选择的颜色列表： <form>
<h4>mat-select</h4>
<mat-form-field appearance="fill">
<mat-label>Favorite Color</mat-label>
<mat-select [(ngModel)]="selectedValue" name="food">
<mat-option *ngFor=
浏览 14提问于2020-12-15得票数 0
回答已采纳
2回答
如何更改文本区选中文本的颜色？
、、、、
我有textarea，并且我想更改选定文本的颜色。示例：
var text = "abcdefg";
我想要更改选定文本efg的颜色。
下面是我的代码：
var input = document.getElementById('area');
var value = input.value.substr(input.selectionStart, input.selectionEnd - input.selectionStart);
$('#abc').find(value).attr('color',color);
浏览 11提问于2016-09-23得票数 2
1回答
我有一个来自模式窗口的输入列表，所以这些是输入字段中显示的选定名称，现在我想对名称应用样式，以便它可以显示为单独的名称，我知道我使用join(;)作为名称之间的分隔符，但这是不够的。
如何添加对用户更具可读性的样式，例如我是否可以将背景颜色应用于每个选定的项目，这样会更好。
main.html
<input type="text" class="form-control customReadOnly"
style="font-size: 20px; background-color:red"
id="
浏览 4提问于2016-03-22得票数 1
3回答
我的列表视图是一个多选列表视图。我必须用一种颜色(比如绿色)显示选定的列表视图项目，而用其他颜色(红色)显示其他项目。如何做到这一点？
浏览 1提问于2010-03-08得票数 0
我们正在处理web应用程序中的工作流元素，但在尝试更新背景颜色以指示完成时遇到了问题。工作流栏是一个矩形，右侧有一个侧面三角形。三角形是一个通过CSS构建的伪元素，类似于：
.navwizard > li > a:after {
....
background-color:#eeeeee,
....
}
我们想要在状态改变后更新背景颜色以表示成功，但我不确定如何在Angular 2的作用域中做到这一点。有什么方法可以做到吗？
浏览 28提问于2017-06-29得票数 0
回答已采纳
我在一个页面上使用了许多提到的angular colorpicker实例。当我们在一个选择器中选择了一种颜色，而在另一个选择器中没有选择颜色时，我遇到了一个问题。
下面是带有值的选取器的图像。
下面是同一页上的选择器的图像，但值为空，它的显示方式如下所示。
我认为，如果模型值为空，则应该使用空值初始化选取器，并且不应该使用先前打开的选取器的值。我正在寻找的是一种将指针设置到左上角或将其限制为获取先前选定的值的方法。
在这里设置默认值是很有可能的，但是因为我的项目是用双向绑定基础开发的，所以如果我要设置一些默认值，它也会绑定到我的DOM控件，这在应用程序结构中是不正确的。
请
浏览 4提问于2017-03-28得票数 0
我需要在我的Angular项目中通过应用不同的CSS类来加载、显示和动态更改SVG图像的颜色。 这个问题没有帮助，因为它使用了现代程序库，我想避免它。我也不想复制d字段中的path标签直接放在Angular项目的html文件中，因为这将是一堵我不愿意接受的文字墙。相反，我可以接受使用外部专用库来实现正确的结果，比如 ng-inline-svg,我尝试通过以下方式使用它：无视以下CSS类： .svg1 {
color: green;
} 它完美地将图像加载为常规的img标记，但如果我随后尝试对其应用自定义类来更改图像颜色，它将不起作用。 此外，我尝试通过以下方式使用object标记： 但是
浏览 242提问于2019-12-12得票数 4
回答已采纳
2回答
我有一个外部控制器，它在视图中包含一个指令。该指令获取流程点的列表，并生成链接，您可以在其中选择每一个。它正确地设置了链接函数中的HTML，但是链接的ng单击操作不起作用。
有什么想法吗？)
非Plunkering的代码
HTML
<!DOCTYPE html>
<html>
<head><link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css" rel="stylesheet">
浏览 7提问于2013-08-03得票数 4
回答已采纳
我几乎没有使用angular指令的经验，并且我有一个场景，我无法决定我应该使用JQuery还是angular 1指令。
我有这样的对象列表：
[
{
"id":"sdf34fsf345gdfg",
"name":"samson",
"phone":"9876543210",
"email":"abc@gmail.com"
},
{
"id":"sdf34fsf3432fg45gdfg",
浏览 4提问于2017-04-27得票数 3
1回答
我使用angularjs指令创建了一个下拉菜单，该指令运行良好，现在我在指令中编写了所有css，在其中一个特性中，当鼠标悬停下拉列表选项时，它应该将背景颜色更改为#27A1EC -蓝色，文本颜色改为白色，在鼠标离开时，背景颜色为白色，文本颜色为实际颜色，但我面临的一个问题是，由于在JQLite中没有JQuery .find()选项，我尝试使用了如下所示。
我用的是angular.element(document.querySelector('#parent'))而不是elm.find('a').first()，我不知道这是否正确
elm.find("a
浏览 0提问于2015-04-07得票数 1
回答已采纳
如何使用vb.net将列表视图对象中选定行的背景颜色设置为选定颜色。
我确实看到了一个Ownerdraw设置为true的示例--但它弄乱了列标题。尽管我能够遍历子项目以将行的选定颜色设置为背景颜色
下面是代码块：
For i = 0 To LV_ProductsEdit.SelectedItems.Item(0).SubItems.Count - 1
LV_ProductsEdit.SelectedItems.Item(0).SubItems(i).BackColor = Color.Gold
Next
我有一个类似的循环，当新项目被选中时，它会恢复为原始的透明颜色。
浏览 1提问于2014-07-13得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
