Angular:验证器依赖项
Angular是一种流行的前端开发框架，用于构建单页应用程序。它提供了一套丰富的工具和功能，使开发人员能够快速构建高性能、可扩展和可维护的Web应用程序。
验证器依赖项是Angular中的一个概念，它用于在表单验证过程中定义验证规则和条件。验证器依赖项是一个函数或对象，用于指定在验证表单控件时要使用的验证规则。它可以用于验证输入字段的有效性、格式、必填性等。
在Angular中，验证器依赖项可以通过Validators模块来创建和使用。Validators模块提供了一些内置的验证器函数，如required、minLength、maxLength、pattern等，可以直接在表单控件上使用。除了内置的验证器函数，开发人员还可以自定义验证器函数来满足特定的验证需求。
验证器依赖项可以应用于Angular中的各种表单控件，如input、textarea、select等。它可以通过指令或模板驱动的方式来应用。在模板驱动的方式中，验证器依赖项可以直接在HTML模板中的表单控件上使用。在指令驱动的方式中，验证器依赖项可以通过自定义指令来应用。
验证器依赖项的优势在于它可以帮助开发人员轻松地实现表单验证功能，提高用户输入数据的准确性和完整性。它可以通过简单的配置和组合，实现复杂的验证规则。同时，验证器依赖项还可以与其他Angular特性和功能集成，如表单控件状态、错误消息显示等。
在腾讯云的产品中，与Angular相关的产品包括云服务器CVM、云数据库MySQL、对象存储COS等。这些产品可以用于支持和托管Angular应用程序的部署和运行。具体产品介绍和链接地址可以参考腾讯云官方网站的相关文档和页面。
相关·内容
1回答
“注入”角和茉莉花的错误
、、、、
我一直在找问题，但我没有能力，所以
Eco:
角和角-模拟@1.4.3
这里我的业力配置文件与正确的顺序？
...
files: [
'../../www/lib/angular/angular.js',
'../../www/lib/angular-mocks/angular-mocks.js',
'../../www/js/core/app.js',
'../../www/js/core/**/*.js',
'../../www/js/feature/**/*.js'
],
...
我的
浏览 2提问于2016-02-16得票数 2
我在angularjs中使用了一个ng-switch来根据url在我的页面中拥有动态内容。我正在和约曼一起管理我的项目。下面是动态内容生成的代码：
html：
<div class="div-content bgcontent" id="content">
<span ng-switch on="renderPath[0]">
<div ng-switch-when="home" ng-include="'partials/home.html'">&l
浏览 0提问于2013-01-09得票数 1
我们有一个棱角分明的项目，到目前为止只有一个开发人员在工作。最近，一个新的开发人员加入了团队，现在两个开发人员都应该在同一个项目上工作。首先，我们在新电脑上运行这个项目有问题，这里我需要一些帮助来理解问题所在。不管怎么说，我想得到一些关于角度项目中团队合作的提示，例如，安排源代码控制(我们使用svn，而不是git)，角度升级策略。还有其他有用的建议。
我们在新计算机上遇到的问题如下：Cannot GET /ng
在浏览器控制台中，我得到以下错误：
Failed to load resource: the server responded with a status of 404 (Not Fo
浏览 1提问于2020-04-26得票数 0
回答已采纳
我需要从静态方法中访问我的自定义http服务，例如：
import {Control} from 'angular2/common';
import {HttpService} from './http.service';
class UsernameValidator {
static usernameExist(control: Control): Promise<ValidationResult> {
... /* Access my HTTPservice here */
}
}
在这种情况下，我如何访问服
浏览 5提问于2016-02-19得票数 18
回答已采纳
对于我来说，Bower安装似乎一直失败在多个软件包上。我已经尝试删除下面提到的(可嵌套的)包，然后其他人却失败了。
我试过设置git设置-
git config --global url."https://github.com/".insteadOf git@github.com:
git config --global url."https://".insteadOf git://
但还是失败了。我甚至试图将nestable包指向正确的github回购，但仍然失败。同样的情况也发生在其他一些软件包上，但并不是所有的包都是如此。
bower progress
浏览 4提问于2015-08-20得票数 4
2回答
角度自举注入器误差
、、、、
当我尝试使用角度引导时，我得到了一个注射器错误。以下是错误：
angular.js:13424 Error: [$injector:unpr] http://errors.angularjs.org/1.5.3/$injector/unpr?p0=ui.bootstrapProvider%20%3C-%20ui.bootstrap%20%3C-%20AdminController
at Error (native)
at http://localhost:3000/node_modules/angular/angular.min.js:6:416
at http://localhost:300
浏览 5提问于2016-03-30得票数 0
回答已采纳
1回答
不需要包装库
、、、、
我使用了requirejs，并配置了我的产品构件，从而组合了我的库，并在它们之间设置了模块依赖关系，以便使用requirejs的普通任务获得适当的加载序列。在我的livereload服务器中使用运行时模块注入没有问题，它可以访问非组合库。为了清晰起见，我已经禁用了所有的缩小/丑陋，并打开了js-美化。
requirejs: {
dist: {
// Options: https://github.com/jrburke/r.js/blob/master/build/example.build.js
options: {
浏览 3提问于2013-10-22得票数 5
首先，如果这个问题没有意义，那就道歉吧。我正在为我的平均堆栈应用程序开发会话管理代码。从最近几天开始，我发现了很多实现它的方法，它们要么使用cookie、会话，要么使用http - headers。我试着去实施，但没有成功。
我成功地将拦截器与我的代码连接起来。代码正在侦听每个req/res。
以下是一些代码：
app.js
angular.module('MyApp', [
'ngMaterial',
'ngMdIcons',
'ui.router',
'e3-core-ui.servic
浏览 2提问于2016-06-03得票数 0
2回答
从角2升级到角4后的误差
、、、
从Angular2升级到Angular4后，我会在CLI中得到这些错误。虽然我的应用程序在升级后仍在工作，但我只是想知道如何或是否可以解决这些错误。有什么想法吗？
升级前的Package.json：
{
"name": "myapp",
"version": "0.0.0",
"license": "MIT",
"scripts": {
"ng": "ng",
"start": "ng
浏览 3提问于2017-03-28得票数 6
回答已采纳
嗨，朋友们，我是angular js的新手。我尝试创建登录并使用angular js注册。我使用此教程进行身份验证。
我得到了错误，我不知道为什么我想我忘记包括任何身份验证js文件。
请说明如何解决此错误。
浏览 1提问于2014-10-27得票数 0
我在尝试注册一个保龄球包时出错了。
错误是取消接收的令牌：
我的bower.json是
{
"name": "cordova-meets-angular",
"version": "0.0.1",
"homepage": "https://github.com/RefineriaWeb/cordovaMeetsAngular",
"description": "A JS Wrapper for cordova plugins to be used in A
浏览 3提问于2014-09-11得票数 0
回答已采纳
我正在尝试从一个控制器调用另一个控制器。两者都在不同的模块中。
var app = angular.module("WorkflowBuilder", ["ax.workflow.builder"] );
WorkflowBuilder是以下控制器所在的模块：
var AxProjectsWeb = angular.module('WorkflowBuilder', ['angularModalService', 'sticky', 'leaflet-directive', 'ui.boot
浏览 0提问于2016-04-11得票数 1
未明错误：$injector:modulerr未能实例化模块myApp，原因是:错误：$injector:nomod模块'myApp‘不可用！您要么拼错了模块名，要么忘记加载它。如果注册一个模块，请确保将依赖项指定为第二个参数。
好日子，在我问这个问题之前，我查看了这个问题的所有以前的答案，并查阅了文件，不幸的是，没有帮助我，这就是为什么我要问。
这就是我如何使用角度和控制器：
html文件：
<!DOCTYPE html>
<html>
<head>
</head>
<body ng-app="myApp
浏览 1提问于2017-05-22得票数 0
5回答
没有导出的成员/节点模块
、、、、
我刚开始使用5分钟快速入门找到的here开始使用Angular 2/ Typescript。我遇到了一个看起来很常见的问题，但可能有一点不同。我遇到了各种各样的“没有导出成员”的问题。示例： 来自app.module.ts： import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser'; 返回 ...node_modules/@angular2/core/index" has no exported mem
浏览 321提问于2016-08-11得票数 17
回答已采纳
我有一个Angular5版的应用程序。你知道为什么会出现下面的错误吗？
Uncaught Error: Load timeout for modules: routes,uipagestartup
http://requirejs.org/docs/errors.html#timeout
at makeError (require.js:7)
at O (require.js:7)
at require.js:7
我已经看到了许多与此相关的问题，比如
https://stackoverflow.com/questions/14279962/require-js-err
浏览 0提问于2019-06-04得票数 0
未知提供者: ngAriaProvider <- ngAria
我正在尝试使用这个演示的一部分。我得到了一个错误的提供者。
来源
bower.json
{
"name": "test",
"version": "0.0.0",
"dependencies": {
"angular": "^1.4.7",
"bootstrap":
浏览 1提问于2015-12-07得票数 1
回答已采纳
2回答
我正在尝试手动搭建一个Angular 6应用程序(即不使用CLI)。我一直做得很好，直到我在运行webpack时遇到了以下错误：
ERROR in window is not defined
现在，通过谷歌搜索，我似乎遗漏了一些多边形填充，因为webpack使用node来生成它的输出。我已经检查了Angular网站上的示例，并将polyfills.ts文件添加到我的应用程序中，但我仍然无法摆脱这个错误。
这是我的webpack.confg.js
const HtmlWebpackPlugin = require('html-webpack-plugin');
const Scr
浏览 0提问于2018-10-02得票数 0
我在angular 5上有工作要做，但是现在angular 7已经发布了，我不知道如何在我的电脑上安装angular5。几个月前，我一直在angular 6中工作。我应该删除当前安装的版本吗？
谁能告诉我如何安装angular5，以及如何知道它是否是angular 5/6/7？
浏览 1提问于2018-12-19得票数 0
我正在构建angular 7应用程序，并使用angular universal进行服务器端渲染，在本地运行一切正常，但当我尝试在firebase上部署应用程序时，firebase函数日志显示以下错误：
{"@type":"type.googleapis.com/google.cloud.audit.AuditLog","status":{"code":3,"message":"Build failed: exit status 254\nnpm ERR! addLocal Could not install
浏览 4提问于2019-01-13得票数 0
我的应用程序使用的是来自角度13的ModuleFederationPlugin，MatSelectModule、MatFormField、CommonModule和FormsModule都是从微前端导入的。
import { CommonModule } from '@angular/common';
import { CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core';
import { FormsModule, ReactiveFormsModule } from '@angular/for
浏览 10提问于2022-07-16得票数 2
2回答
我不知道angularjs的最新版本。我看到一段代码，如下所示
angular.module('app')
.controller('myApp', [myApp]);
function myApp() {
var vm = this;
vm.title = 'Customers';
vm.customers = [
{name: 'Haley'}, {name: 'Ella'}, {name: 'Landon'}, {name:
浏览 0提问于2017-03-30得票数 0
我的VSCode终端出现了一些错误：
loader-utils 3.0.0 - 3.2.0
Severity: high
loader-utils is vulnerable to Regular Expression Denial of Service (ReDoS) via url variable - https://github.com/advisories/GHSA-3rfm-jhwj-7488
loader-utils is vulnerable to Regular Expression Denial of Service (ReDoS) - https://github.co
浏览 31提问于2022-12-03得票数 0
回答已采纳
2回答
使用新的角路由版本，您需要在依赖项中使用require('angular-route')，但我似乎无法做到这一点。在中，它说要做angular.module('myApp', [require('angular-route')]);
这是我的密码：
angular.module('app.routes', [require('angular-route')])
.config(function($routeProvider, $locationProvider){
$routeProvider
.w
浏览 2提问于2015-12-22得票数 1
回答已采纳
我是在一个个人网站上工作，并有以下类型的代码，我试图有ui路由，以便我可以转到详细信息页，并返回到列表页无缝。
app.js：
(function(){
var app = angular.module('store', [
'ngCookies',
'ui.router'
]);
app.config(['$stateProvider', '$urlRouterProvider', function($stateProvider, $urlRouterProvider){
// For
浏览 1提问于2016-04-17得票数 0
回答已采纳
如果执行以下命令，将收到以下消息
npm install --save @angular/animations
-->
+-- UNMET PEER DEPENDENCY @angular/compiler@5.2.5
`-- UNMET PEER DEPENDENCY @angular/core@5.2.5
我的问题是如何解决这个问题，这样我就不能得到这个消息，或者我可以忽略这个消息吗？
C:\Users\Me\Documents\workspace-vsc-vtaMobileApp\vta-vendor-app>npm install --save @angular/anima
浏览 0提问于2018-02-16得票数 1
回答已采纳
我不知道该如何问这个问题，因为我不认为这是一个编码问题，因为它可能是我的环境？大约两周前，我在工作中安装了角CLI。我的应用程序工作正常。在家里，我安装角CLI一段时间前，几个月前，我想。无论如何，这段代码不会呈现到我家计算机上的屏幕上：
<li class="center" *ngFor="let link of dataenjoylinks">
<p>{{link.show}},
浏览 0提问于2018-08-18得票数 0
回答已采纳
我的angular/dotnet项目有问题。我已经在我的Windows PC上使用Visual Studio Code启动了它，现在因为我想去某个地方，所以我需要将它下载到我的笔记本电脑上。我已经使用了github的克隆选项，下载了js，Net。Net部分正常启动，但Angular项目开始使用ng serve，但它显示的所有内容都是空白page.When我启动了一个新的angular应用程序，它显示正确。 不知道要检查什么，控制台中显示的唯一问题是 您的全局Angular CLI版本(9.1.3)高于本地版本(9.0.4)。使用本地Angular CLI版本。 感谢您的回答
浏览 43提问于2020-04-24得票数 0
我对提供者有一个问题，我得到了这个错误：
第2696行:错误:未知提供者:a
使用无限制角v 1.06，第2696行：
providerInjector = createInternalInjector(providerCache, function() {
throw Error("Unknown provider: " + path.join(' <- '));
}),
这是代码：
var myApp = angular.module('myApp', [], function ($interpolateProvider
浏览 6提问于2013-04-26得票数 0
2回答
单元测试依赖注入
、、、
我对茉莉和因果报应是全新的。我相信我已经正确地设置了环境，并且我能够运行非常基本的单元测试，但是一旦我尝试实例化一个控制器，我就得到了一个未知的提供者错误，并且我不确定如何调试它。我需要传入一个stateProvider依赖项吗？我在angular-seed示例中看不到这一点。
Bower.json：
{
"name": "starter",
"description": "A starter project for AngularJS",
"version": "2.0.0",
浏览 1提问于2014-04-24得票数 12
回答已采纳
1回答
我在我的EC2构建框中得到了下面的错误，但是在我的本地版本中同样是不可复制的
node_modules/rxjs-compat/add/observable/dom/webSocket.d.ts(1,46)：错误TS2307中的错误:找不到模块'rxjs/websocket‘。
在当地我试过
ng构建
构建--configuration=feature ng
ng构建-prod
dependencies: { "@angular/animations": "^7.2.3", "@angular/cdk": "^6.4.7"
浏览 5提问于2021-02-15得票数 0
我有一个正在开发的Laravel/Angular应用程序。
在公共场合，/app/js是我所有的Angular文件。
我是否应该只收集Angular中的数据，发送一个HTTP请求，并使用Laravel的validation类来处理注册和其他所有事情的验证(和记录的创建)？
或者，我是否应该使用Angular来处理验证，并将Laravel仅保留为CRUD操作的API端点？
我是JavaScript框架前端的新手，我很欣赏你的见解和建议。
浏览 0提问于2014-09-15得票数 1
在Angular 2中加载一个自举项目在维基中有很好的描述。好奇的是，我如何在一个使用angular-cli引导的项目中很好地加载一个更复杂的节点模块？
例如，angular2-apollo依赖于几个子依赖项，如apollo-client，graphql，lodash，...
我将节点模块添加到angular-cli-build.js
var Angular2App = require('angular-cli/lib/broccoli/angular2-app');
module.exports = function(defaults) {
return new Ang
浏览 3提问于2016-06-27得票数 1
2回答
我正在尝试清理我的Angular应用程序，当我打开我的app.js.coffee文件时，我遇到了一些我几乎不知道的事情，因为我从另一个来源复制/粘贴了它，它似乎起作用了。
据我所知，每个控制器、服务、过滤器等都需要一个
angular.module('nameOfModule')
但是2个(或更多)控制器不能有相同的模块名，因为这样Angular就会输出一个错误，
Error: [ng:areq] Argument 'nameOfModule' is not a function, got undefined
但是似乎您为控制器提供的模块名称可以在多个服务上使用
浏览 0提问于2015-11-16得票数 1
1回答
无法注入UI引导程序
、、、
我有现成的应用框架。Index.html包含以下内容
<!-- jQuery and Bootstrap -->
<script src="js/jquery/jquery-2.1.1.min.js"></script>
<script src="js/plugins/jquery-ui/jquery-ui.js"></script>
<script src="js/bootstrap/bootstrap.min.js"></script>
<!-- Me
浏览 1提问于2016-03-26得票数 0
回答已采纳
我最近升级了一个角形6应用程序，使其最初运行良好，但现在，在与准备合并的分支合并之后，当运行ng build时，我得到了以下消息--这也是与--verbose标志和引用文件的内容完全相同的输出(红色)。
这只是构建没有问题，而转移到这个分支在过去一直是一个问题，所以我在测试这个问题的构建模式如下：
rimraf node_modules/rimraf dist/npm i --legacy-peer-deps这是@agm/core researchng build推荐的
到目前为止，我只得到了相同的结果，而且我担心有一个包因为没有实现一个“角模块”而阻碍了构建过程，这是因为Githu
浏览 2提问于2021-10-29得票数 0
在我的Angular2应用程序中，错误得到了以下错误：(SystemJS)模块'AppModule‘声明的意外值'ReleasesService’。请添加一个@管道/@指令/@组件注释。
我的AppModule
import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { routing } from './app.routes';
import { HttpModule }
浏览 2提问于2017-03-28得票数 29
回答已采纳
1回答
我有一个执行npm install的管道，然后是角度构建，最近我增加了一个缓存任务来减轻安装，这个任务在开发人员添加了一个新的私有"runtime-config-loader": "^3.0.0"依赖之前是非常出色的。
这可能需要npm重新安装，然而，由于某些原因，缓存任务不认为它需要重新安装，因此它跳过npm install，然后在角度构建失败，很可能是因为npm没有在代理上重新安装。
我禁用了缓存任务，并将自定义条件eq(variables['CACHE_RESTORED'],False)从npm install任务中移除，构建也很成功。
为
浏览 12提问于2021-12-08得票数 0
回答已采纳
我正在研究一些大约一年前的1.1.5角代码。我有一个在模板中使用的filterService，但是我想移动到控制器中。
服务：
myapp.factory('filterService', ['$rootScope', function ($rootScope) {
var model = {
// ...
},
}
var service = {
characteristic: function(target) {
if (model.characteristicsChecked["checkedCou
浏览 2提问于2014-09-19得票数 0
回答已采纳
在执行ng服务时，我得到了以下错误。
@angular/编译器-cli的版本需要为2.3.1或更高。当前版本为“未定义”。
我的包json如下所示
"dependencies": {
"@angular/common": "2.2.3",
"@angular/compiler": "^7.1.4",
"@angular/core": "2.2.3",
"@angular/forms": "2.2.3",
"
浏览 1提问于2018-12-24得票数 1
1回答
我想把一家工厂注射到控制器里。该工厂被用于管理身份验证事件。
下面是一些代码：
'use strict';
/**
* @ngdoc function
* @name LoginCtrl
* @module triAngularAuthentication
* @kind function
*
* @description
*
* Handles login form submission and response
*/
angular.module('triAngularAuthentication')
.factory('Auth
浏览 1提问于2015-08-19得票数 1
回答已采纳
新发展和接管一个由另一个开发人员启动的项目。我已经安装了角，也执行了npm安装，但我一直得到“@anuglar/编译器-cli”软件包没有正确安装。到目前为止，我尝试过的是：
(a) npm安装-g类型记录，然后(b) npm安装-在"ng服务“方面没有进展
(a) npm卸载
终端错误：
Error: The "@angular/compiler-cli" package was not properly installed.
at Object.<anonymous> (/Users/Jack/Documents/Github/t
浏览 3提问于2017-06-20得票数 1
我刚从角度开始，我对这个错误有点困惑。我不知道我到底做错了什么，但是我的控制台显示了这个错误：
$injector/modulerr?p0=app&p1=Error%3A%20%…：angular.js:38未明误差(http%3A%2F%2Flocalhost%3A8080%2Flib%2Fangular%2Fangular.min.js%3A21%3A179)(…)
我的html：
<!DOCTYPE html>
<html lang="en" ng-app="app">
<head>
<lin
浏览 4提问于2016-10-31得票数 1
我想知道是否有可能在pubspec.yaml文件中定义“只开发”转换器。
我的问题是：
我在单独的存储库中有一些angular2组件。我在它们各自的example文件夹中为它们编写了一些示例。要运行这些示例，我在示例文件夹中有一个入口点html文件，它引导angular2应用程序。
为此，我必须将这个入口点文件包含在angular2的转换器中，如下所示：
transformers:
- angular2:
entry_points:
- example/breakpoint_consumer/breakpoint_consumer.html
这一切都很好。但是，当我希望稍后在另一个项目
浏览 3提问于2017-02-04得票数 1
回答已采纳
我有一个通过命令行界面创建的angular2项目，我的package.json如下所示：
{
"name": "thesis-proto",
"version": "0.0.0",
"license": "MIT",
"angular-cli": {},
"scripts": {
"ng": "ng",
"start": "ng serve",
"tes
浏览 1提问于2017-05-05得票数 0
我在AngularJS中得到这个错误：
TypeError: Cannot call method 'apply' of undefined
at Object.$get.e.$emit (http://localhost/TestPortal/js/lib/angular.min.js:87:296)
at j (http://localhost/TestPortal/js/lib/angular.min.js:146:351)
at http://localhost/TestPortal/js/lib/angular.min.js:88:100
浏览 2提问于2014-04-07得票数 0
我试图创建一个简单的模式，弹出并提供不同的菜单选项。这应该很简单，我在ui引导网站上跟踪了modals的柱塞，但是我得到了一个错误：
$uibModal是一个未知的提供者
这是角码：
angular.module('billingModule', ['ngAnimate', 'ui.bootstrap']);
angular.module('billingModule').controller('StoreBillingCtrl', function ($scope, $uibModal) {
$
浏览 4提问于2015-12-28得票数 10
我有AngularJS和一个项目中引导带的角指令，这两个指令都是通过Nuget添加的。
当编译debug=“真”时，一切都正常，但是一旦我将编译调试更改为false，就会停止运行，并在Chrome的控制台中得到以下错误：
Error: [$injector:unpr] http://errors.angularjs.org/1.2.15/$injector/unpr?p0=nProvider%20%3C-%20n
at Error (native)
at http://localhost:10366/bundles/angular?v=Bi8OwYOhmsGdeIKC46ZQQdIHX1faT
浏览 1提问于2014-03-27得票数 7
回答已采纳
1回答
在Heroku上部署一个普通的应用程序时，我会出错，请在下面找到日志：
Could not find local "typescript" package.The "@ngtools/webpack" package requires a local "typescript@^2.0.2" package to be installed.Error: Cannot find module 'typescript'
Error: Could not find local "typescript" package.Th
浏览 1提问于2018-01-26得票数 0
回答已采纳
1回答
我正在我的应用程序中使用angular translate，这是我的app.js
var formApp = angular.module('formApp', [
'ngRoute',
'ui.bootstrap',
'pascalprecht.translate'
]).config(function($translateProvider) {
$translateProvider.translations('en', {
HEADLINE: 'Hello there,
浏览 0提问于2014-03-12得票数 0
我将当前的“角2”项目更新为“角4”，现在得到了以下错误：
Module build failed: TypeError: Cannot read property 'exclude' of undefined
at applyDefaults (/Users/frankhe/jnpr_csc/node_modules/awesome-typescript-loader/src/instance.ts:266:72)
json包是：
"@angular/animations": "^4.0.1",
"@angular/c
浏览 2提问于2017-04-02得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
