关于angularjs中写组件报错的问题总结

最新推荐文章于 2023-03-08 22:40:37 发布
最新推荐文章于 2023-03-08 22:40:37 发布
阅读量782 收藏
点赞数 1
分类专栏： js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ootxyoo/article/details/52668698
版权

场景：一个页面用到路由，多个控制器，列表页中table数据用get到，动态往里面绑定删除按钮，这里删除按钮用组件写

问题一：写的组件在页面上不显示

问题二：直接报错

解决方法：

问题一的原因是在定义组件名称的时候我用了大小字母，这个不允许，组件名不能用大写，不能用大写，不能用大写

问题二的原因，组件函数不能带参数

下面附上图供参考

ootxyoo
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
angular4.0创建组件出现错误
andy0814001的博客
10-17 345
angular4.0创建组件出现错误 用 ng g component navbar 创新navbar组件时，出现以下错误： 原因：.angular-cli.json文件里面加入了注释导致错误如下 去掉注释后正常 ...
angular项目中常见报错及解决方法
alice9999999的博客
03-31 1263
（1）产生原因：其实这是 Angular 的警告机制，防止由于模型数据（model data）与视图 UI 不一致，导致页面上存在错误或过时的数据展示给用户。
angular使用ng generate component ＜组件名＞报错，无法创建组件
空中弥漫着HTML的博客
03-08 488
Could not find an NgModule. Use the '--skip-import' option to skip importing in NgModule
Angular cli 创建组件时 报错
CHONGEX的博客
08-09 1907
Local workspace file ('angular.json') could not be found. Error: Local workspace file ('angular.json') could not be found. at WorkspaceLoader._getProjectWorkspaceFilePath (/Users/next/projects/ng...
解决Angular使用cli创建组件实报错（More than one module matches.）
m0_56289390的博客
08-11 814
需要预先指定一个 module,既可以了解为指定项目中现有 module 或者先创建一个新的 module 之后再来创建组件。链接：https://www.jianshu.com/p/5df93386ae69。商业转载请联系作者获得授权，非商业转载请注明出处。创建新组件时可能会遇到这个报错，需要指定一个module。方式二.优先创建对应的 module 之后再创建组件。跟早些版本的 cli 有些差异,不过不难理解.方式一.指定现有 module。作者：survivorsfyh。...
关于AngularJS中几种Providers的区别总结
10-15
主要给大家介绍了关于AngularJS中几种Providers的区别的相关资料，文中通过示例代码介绍的非常详细，对大家学习或者使用AngularJS具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧
关于Angularjs中跨域设置白名单问题
10-18
主要介绍了Angularjs中关于跨域设置白名单问题,需要的朋友可以参考下
解决angularjs service中依赖注入$scope报错的问题
10-17
今天小编就为大家分享一篇解决angularjs service中依赖注入$scope报错的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
ng-sign-here:AngularJS签名板组件
05-01
用于AngularJS包装器组件。 演示版 该使用on-signature-update来设置每个签名笔划后的div的背景图像。 安装 npm install ng-sign-here 依存关系 除AngularJS外，唯一的依赖项是 。 您可以链接它，也可以使用以下...
Angularjs上传文件组件flowjs功能
10-19
现在的项目，无论代销，几乎不会缺省的一个功能就是上传下载功能，今天谈一谈使用AngularJS+bootsrtap下的上传下载功能，需要的朋友参考下吧
angular2报错记录-@Component装饰器
Keyon Y的博客
06-20 2902
Unexpected value ‘AnyComponent’ declared by the module ‘AppModule’…此报错的原因： 因为装饰器@component需要紧挨着要导出的组件，没有这个修饰符,你的组件并不是一个真正的组件，只是一个类。@Component({ selector: 'app-hero-app', templateUrl: './hero-app.c
angular引入模板报错解决
baozhuona的博客
12-15 2192
用ng-include指令引入一个html文件，结果报错如下：angular.min.js:103 XMLHttpRequest cannot load file:///D:/www/angular/review/template.html. Cross origin requests are only supported for protocol schemes: http, data, chro
《Angular之直接引用组件标签报错》
杨晓风 迷迭香的记忆
09-30 1302
前言：                                                              千锤万凿出深山，烈火焚烧若等闲。 正文：    一。问题描述     二。问题定位          1.如果是发布后的组件出现此问题：              >没有将开发的组件导出：exports，使得别人无法使用。        ...
AngularJS Error: [$compile:tplrt]报错
xyphf的博客
09-08 4712
我想有不少同学遇到这样的错误，当使用replace: true时，出现Error: [$compile:tplrt]错误，如下图： 这是因为在angularJS中，html模板只能由有一个根元素，head.html代码如图 如果将第5行的div标签删掉就正常了，这是因为html模板只能有一个根标签
angular基础创建组件报错Is it missing an @NgModule annotation
sinat_41657240的博客
11-12 2558
报错信息 Error: src/app/test/test.component.ts:8:14 - error NG6002: Appears in the NgModule.imports of AppModule, but could not be resolved to an NgModule class. Is it missing an @NgModule annotation? 报错代码 原因：app.module.ts 文件中testcomponent引入错误，应该引入testmodul
angular新手报错异常
weixin_42344266的博客
07-31 2536
1.我下完jquery跟bootstrap了，而且在angular-cli里边也添加了，启动的时候报错了。 解决方案：下载一个npm install [email protected]。项目就可以正常启动了 ,或者说是下一个低版本的bootstrap，我后来又下了一个3.3.7的版本试了一下，也是好使的，就连之前有些样式不出来，现在也是出来了。 2.我启动angular的时候走...
angular7创建组件
qq_36620379的博客
12-30 339
1.两条重要ng命令 ng generate module bootstrap-modal // 创建ng的module模板 ng generate component bootstrap-modal // 创建ng的组件模板 2.配置exports 当其他组件想要调用这个新建的组件时，这个组件的module文件需要配置exports import { NgModule } from '@a...
Angular多个页面引入同一个组件报错The Component ‘MyComponentComponent‘ is declared by more than one NgModule怎么办？
我驾驶汽车从不是为了从A点到达B点，我喜欢去感受汽车，与之交流，与之融为一体。
03-29 3800
有一天，我写了一个自信满满的自定义组件myComponent，在多个页面import使用了，结果控制台给我来这个 我特么裤子都脱了，你给我来这个提示是几个意思 仔细一看 The Component 'MyComponentComponent' is declared by more than one NgModule 什么鬼？说我的组件被多个模块使用？搞什么飞机，我就是要多个页面使用呀！！！ 于是乎查阅官方文档发现一个shared.module.ts的东东 首先找一个干净的文件夹创建一
Angular学习之组件和@Component
热门推荐
ano1010的专栏
10-21 1万+
组件是angular中最常用的，可以说是组成一个应用的基本单位吧。如果将一个应用比作一个蚂蚁群的话，组件应该是数量最庞大的工蚁了（开个玩笑）。 组件从技术上来说其实是一个指令，但因为它太特殊，太重要，所以Angular给它单独做了装饰器@Component。官方这么说的（A component is technically a directive - but components are so d...
angularjs5 子组件中获得父组件的引用
最新发布
10-12
在 AngularJS 5 中，可以通过使用 `@Input()` 装饰器将父组件的引用传递给子组件。具体步骤如下： 1. 在子组件的 TypeScript 文件中，定义一个带有 `@Input()` 装饰器的属性，用于接收父组件的引用。例如： ``` ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值