angular中的注入标记
在Angular中，注入标记是一种用于依赖注入的特殊标记。依赖注入是一种设计模式，它允许我们将依赖项注入到一个类或组件中，而不是在类或组件内部创建或管理这些依赖项。
在Angular中，我们可以使用注入标记来声明需要注入的依赖项。注入标记通常以参数的形式出现在构造函数中，并使用装饰器来标记参数。常用的注入标记有以下几种：
- @Injectable：用于标记一个可注入的服务类。通过在服务类上添加@Injectable装饰器，我们可以将该服务注入到其他组件或服务中。
- @Inject：用于标记需要注入的依赖项。通过在构造函数参数上添加@Inject装饰器，我们可以告诉Angular需要注入该参数所表示的依赖项。
- @Optional：用于标记一个可选的依赖项。通过在构造函数参数上添加@Optional装饰器，我们可以告诉Angular该参数是可选的，如果找不到对应的依赖项，Angular不会抛出错误。
- @Self：用于限定注入的依赖项必须是从当前组件或指令的视图层次结构中获取的。通过在构造函数参数上添加@Self装饰器，我们可以告诉Angular只从当前组件或指令的视图层次结构中查找依赖项。
- @SkipSelf：用于限定注入的依赖项不能是从当前组件或指令的视图层次结构中获取的。通过在构造函数参数上添加@SkipSelf装饰器，我们可以告诉Angular跳过当前组件或指令的视图层次结构，直接从父级组件或指令中查找依赖项。
注入标记在Angular中起到了关键的作用，它们帮助我们实现了模块化、可测试和可扩展的代码结构。通过使用注入标记，我们可以更好地管理和组织应用程序的依赖关系，提高代码的可维护性和可读性。
推荐的腾讯云相关产品：腾讯云云开发（Tencent Cloud CloudBase）是一款全托管的云原生应用开发平台，提供了丰富的后端服务和开发工具，支持前端开发者快速构建和部署应用。您可以通过腾讯云云开发来实现前后端分离的开发模式，并且无需关注服务器运维、数据库等底层细节。
产品介绍链接地址：https://cloud.tencent.com/product/tcb
相关·内容
1回答
angular中的注入标记
angular
我在一定程度上理解什么是注入令牌。我就是想不出我们可以在哪些用例上使用它。我见过一些示例，其中令牌用于管理API路径和其他一些配置细节。我怀疑使用注入令牌真的是最佳实践吗?如果是，它的用例是什么？
浏览 9提问于2019-10-03得票数 0
1回答
如何在角度材料中使用"MAT_AUTOCOMPLETE_DEFAULT_OPTIONS“注射标记
angular、dependency-injection、autocomplete、angular-material、provider
如何使用"MAT_AUTOCOMPLETE_DEFAULT_OPTIONS“注入标记全局配置是否为angular material https://material.angular.io/components/autocomplete/api#MatAutocomplete中的自动完成组件突出显示面板的第一个元素
浏览 6提问于2020-08-14得票数 0
回答已采纳
3回答
未调用AngularJS routeprovider.config
angularjs、config、route-provider
我正试图在这里构建一个简单的AngularApp。我正在尝试添加routeProvider，并使用相同的配置。但是这个页面从来没有像预期的那样工作。当我尝试在火狐中使用fireBug时，我发现配置中的函数从未被调用过。因此，它内部的代码保持不变。(我可以用断点来确认这一点)。 <script src="https:/&
浏览 4提问于2014-12-27得票数 0
1回答
添加路由提供程序时未发现的对象错误
javascript、angularjs
嗨，我是新的角js，并试图创建一个与路由提供商的网页。不需要路由提供程序函数的声明，角脚本就可以正常工作。但是当我添加它时，它会给出一个错误“angular.min.js文件中的Uncaught对象”，我有三个html页面。index.html页面包含所有脚本和带有ng-view的div，view1.html和view2.html是包含html内容的主要文件。我是角js的新手，只是为了演示的目的，我在html
浏览 3提问于2014-07-08得票数 0
回答已采纳
1回答
我不能动画我的ng-show/ng-hide动画
javascript、angularjs、ng-animate
我知道这是一个众所周知的问题，在这个论坛上被问了很多次，但我没有找到好的答案。 function($scopeto { }<script src="https://ajax.googleapis.com/ajax&#x
浏览 0提问于2015-06-02得票数 3
2回答
angularJS模块引导问题angular-appinsights
angularjs、azure-application-insights
我们是angularJS的新手，但已经承诺将在即将到来的项目中使用它。我非常高兴地发现，微软的app insights 入门页面上已经构建了一个angularJS模块，用于处理推荐的应用洞察。不幸的是，我们在引导这个模块时遇到了很大的困难。"></script>
<script src="scripts/angular-appinsights.js"></script>
浏览 1提问于2015-02-13得票数 1
1回答
AngularJS注入器-错误：[$injector:unpr]未知提供者：$rootScopeProvider <- $rootScope
javascript、jquery、angularjs、angularjs-ng-click
也许这是一个微不足道的问题，但对于AngularJS新手来说，这是一个^_^的问题。
我最初试图实现的是让一个动态插入的标记(由jQuery)与ng单击指令一起工作。我搜索并发现，我必须获得AngularJS注入器，然后编译该代码。所以在这里，这是最简单的注入器代码，对我来说不起作用，有什么问题吗？注1:带有ngDirective的动态插入标记是在AngularJS作用域之外完成的。angu
浏览 0提问于2014-02-11得票数 2
2回答
UI-引导示例不起作用
javascript、angularjs、twitter-bootstrap、angular-ui-bootstrap
但是，我们似乎还需要添加一个对ui引导-tpls-0.10.0.js的引用!？<!bootstrapDemoApp" id="top">
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.8/angular.min.js
浏览 1提问于2014-03-17得票数 1
回答已采纳
2回答
具有依赖关系的registerModule
angularjs、mean-stack、meanjs
我正在用MEAN.JS构建一个应用程序，我正在尝试使用另一个模块的控制器。我发现我可以通过依赖注入来做到这一点：但是在MEAN.JS中创建模块的方式是：问题是，创建活动表单是由Cam
浏览 1提问于2014-07-07得票数 6
回答已采纳
2回答
将服务注入组件
typescript、angular
使用angular2 (2.0.0-α.45)和TypeScript (1.6.2)我所犯的错误：
bootstrap(App, [ROUTER_PROVIDERS, HTTP_PROVIDERS]);import {Injectable} from 'angular2
浏览 8提问于2015-11-09得票数 2
回答已采纳
1回答
错误:未能实例化模块ui.router
javascript、angularjs
我已经通过执行npm install angular-ui-router --save-dev安装了角用户界面路由器，但是我收到了错误。 <!js --><script src="bower_components/angular/angular.js"
浏览 2提问于2017-01-01得票数 2
2回答
过帐数据后重新加载或重新初始化角度形式
javascript、angularjs、node.js
我有一个用于在数据库中添加数据的angular表单，我正在使用yeoman的angular-fullstack。 $scope.reset(original);
$scope.permission= angula
浏览 1提问于2015-08-05得票数 0
2回答
AngularJS未捕获错误：[$injector:modulerr] --此处为noob
javascript、angularjs、angularjs-injector
我没有使用ngRoute或任何需要注入的Angular服务。我正在注入我自己的模块和控制器，我认为这是必要的。:6at r (angular.min.js:7)at db (angular.min.js:43)at Bc (angular
浏览 24提问于2017-03-02得票数 1
1回答
如何在Ionic2提供程序上创建和使用模块类？
javascript、angular、typescript、ionic2、ionic2-providers
我想用像classA.moduleClassB这样的模块扩展我的提供程序，但是我不能，我不知道如何将模块类对象作为提供程序导入到我的控制器页面providers/my-providermodule a { //...}import { Component } from '@angular
浏览 4提问于2017-03-08得票数 0
回答已采纳
1回答
错误NullInjectorError: R3InjectorError(AppModule)[Number -> Number -> Number]：NullInjectorError:没有号码提供程序
html、angular、typescript、rxjs
我的编译器没有显示错误，并且我的代码中没有任何空值(或者至少我认为我没有)。下面是控制台的外观： ? 在这里，任何帮助都将不胜感激。我正在努力学习TS，Angular和RxJS，所以我还是个菜鸟。LOL
浏览 35提问于2021-08-12得票数 0
1回答
将按钮绑定到(单击)从后端加载的HTML中
html、angular
Yo，我遇到了以下情况:我有一个angular服务，它向后端发出一些HTML代码的HTTP请求。我插入超文本标记语言从后端到组件的超文本标记语言的<div [innerHTML]="..."问题是在加载的HTML中有一个按钮，它必须触发一些动作。我想使用标准的(click)="function()"绑定，但Angular在将后端的超文本标记语言‘
浏览 15提问于2019-07-23得票数 1
回答已采纳
1回答
chrome扩展angular js作用域不工作？
javascript、angularjs、google-chrome-extension
嗨，我正在尝试创建一个使用angular的简单的chrome扩展，但是我搞不懂为什么作用域不能工作。) {}]);<!> <img id="image-result" hidden></html
浏览 3提问于2015-05-09得票数 0
3回答
在Angular DI中@Inject和Injectable的需求是什么？
javascript、angular、dependency-injection
import { Injectable } from '@angular/core';
import {SmartphoneListComponent} from '.
浏览 2提问于2017-08-17得票数 0
1回答
HTML模板机制能在Angular中工作吗？
html、angular、angular2-template、client-side-templating
我在我的Angular应用中使用了HTML模板，我的代码是这样的：但是，当加载HTML时，我在DOM中找不到这个脚本块。
如何在Angular中实现HTML模板机制？
浏览 11提问于2017-12-20得票数 1
1回答
ng-显示在数据表列中不工作
javascript、angularjs、angular-datatables
我正在使用datatables在angular中创建一个表。我使用了作用域中的值，并将该值与接收到的数据进行了比较。"columns": [{ data: null, render: function ( data, type, row ) {
var roleid =angular.element('#TextkeysController'+data.name+'\')">Not connected</p>
浏览 6提问于2016-07-29得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频活动推荐
腾讯云开发者
