angularjs坑：directive以大写字母开头，导致页面空白

最新推荐文章于 2021-04-05 17:48:53 发布
最新推荐文章于 2021-04-05 17:48:53 发布
阅读量254 收藏
点赞数
分类专栏： angularjs
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/peade/article/details/89423193
版权

今天在学习开发的时候，遇到了一个奇怪的问题，在angularjs项目里，从上一个页面，进入到测试页面，测试页面正常显示。直接用测试页面的链接打开，页面就没有内容。

这种现象，让我感觉非常奇怪。

最后一路排查原因下拉，确定是因为我准备写的一个directive，在命名上，用了大写字母开头导致的。

最开始我对directive的命名是 TestDate 

最后我改成了 testDate

这样来写，就正常了

peade
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
AngularJS中的Directive自定义一个表格
10-22
在这篇文章中，我们要讲述如何利用AngularJS的Directive功能来自定义一个表格。 首先，我们要明确什么是AngularJS中的Directive。Directive是AngularJS的最小指令性组件，它可以通过添加属性、元素、注释、或者类来...
Angular页面出不来，显示空白页面。。。
大强博客
10-31 9021
Angular页面出不来，显示空白页面。。。 ng serve -o --port 8888 启动正常， ng build --prod --base-href ./ 打包也正常， 什么错误信息都没有。。。 可能是selector名称和样式或者关键字冲突了。。。 解决办法：修改selector名称 例如： /**  *     片库组件  *  * @author 刘宏强  */ @...
angular项目打包后页面空白，提示Uncaught SyntaxError:Unexpected token
qq_40921298的博客
04-05 1440
使用vue打包完运行时，页面显示空白，F12打开后报错 分析原因，没有找到对应的文件，解决方法很简单。 出现这种问题的原因是因为路径找不到。 手动的将打包后dist里面的index.html路径修改一下 修改前 <base href="/"> 修改后 <base href="./"> ...
angular下页面不显示问题
Phoenix_99的专栏
12-10 1580
1，在service中实例化HttpClient后，界面显示空白，原因在app.modules中没有引入相应的模块 import { Injectable } from '@angular/core'; import {HttpClient} from '@angular/common/http'; @Injectable({ providedIn: 'root' }) export class UserService { constructor(private httpClient: Ht
Angular2-build文件打开白屏解决
细心程度决定你的成败
07-20 1908
解决方法只需要更改package.json 中的build设置为"build": "ng build --base-href ./",生成的文件就可以直接使用
详解angularJs中自定义directive的数据交互
10-20
因此，`testDirective`可以直接访问`myCtrl`中的`$scope.data.name`并显示在页面上。 然而，当我们在指令定义中设置`scope: {}`，这就创建了一个隔离的作用域，指令不再共享父控制器的`$scope`。此时，如果尝试访问...
Angularjs自定义指令Directive详解
10-19
自定义指令（Directive）是AngularJS框架中非常强大的特性之一，它允许开发者创建自己的HTML标签，属性，类或注释，从而定义新的HTML标记，使其具有特定的行为和样式。 在AngularJS中，一个指令就是一个对象，它...
首字母大写（有坑点）
林下的码路
01-13 2157
Problem Link：点击打开链接 题目描述 对一个字符串中的所有单词，如果单词的首字母不是大写字母，则把单词的首字母变成大写字母。 在字符串中，单词之间通过空白符分隔，空白符包括：空格(' ')、制表符('\t')、回车符('\r')、换行符('\n')。  输入描述: 输入一行：待处理的字符串（长度小于100）。 输出描述: 可能有多组测试数据，对于
利用Angular的自定义过滤器功能实现单词的首字母大写
weixin_30675247的博客
02-04 182
本小案例结合双向数据绑定，带你轻松理解Angular的自定义过滤器的使用！ js部分如下： angular.module("myApp",[]) .filter("changeFirst",function(){ //此处利用Angular的filter服务自定义改变单词首字母大小的过滤器 　　return function(str){　　　　　　　//返回值需要是一个函数对象 ...
angularjs select 选择默认显示空白以及第一行空白的解决方法
热门推荐
菜鸡奋斗ing的博客
12-15 1万+
最近需要加个select功能，以前是直接暴力写个<option value="" disabled>--请选择--</option> 这样就可以默认显示这个选项了，但是这样做的效果还是不够好。就像我现在需求，默认显示就是要指定其中一个选项而不是这个多余的选项，下面是解决的代码。<select ng-model="countrys" ng-init="countrys=countries[0]" ng
Angularjs在同个表单里多次调用同一个自定义指令ztree
m0_37294104的博客
03-25 1022
前提：1.在填写表单操作时，可能需要多次使用同一个自定义指令，并且每次请求后台的接口都不一样，这里用自定义树形结构指令为例，使用ztree插件2.项目中多次使用模态框，故将模态框也封装成指令3.把ztree指令放到模态框中，一起封装成指令代码：ztreeDirective.js  将ztree插件封装成指令var app = angular.module('myapp', []); app.dir...
AngularJs:Directive指令用法
weixin_30765475的博客
10-09 901
AngularJs GitHub:https://github.com/angular/angular.js/ AngularJs下载地址：https://angularjs.org/ 摘要：Directive（指令）笔者认为是AngularJ非常强大而有有用的功能之一。它就相当于为我们写了公共的自定义DOM元素或CLASS属性或ATTR属性，并且它不只是单单如此，你还可以在它的基础上来操作...
javascript字符串中每个单词的首字母大写化问题
穿越清华
04-01 3261
****javascript字符串中每个单词的首字母大写化问题**** function titleCase(str) { var arr = str.toLowerCase().split(" "); var result = arr.map(function(val){ return val.replace(val.charAt(0),
Directive的命名和使用规则（js中驼峰，html中变-）
阳光暖心
05-16 1277
Directive的命名和使用规则 在前一节中，我们创建了一个名为"people"的Directive。并且通过 使用了它。 但是，在实际应用场景中，我们的命名通常不止1个单词，这时候我们就需要注意Directive的命名和使用规则。 对Directive的命名，AngularJS是有特殊的规则需求的。并且，在JavaScript中的命名，与在HTML对应使用时的名称不一样！ 命名规则
AngularJS指令中，ngif无效，ngIf才行，注意区分大小写
知止定静安虑得
06-03 1204
AngularJS指令中，ngif无效，ngIf才行，注意区分大小写 <div *ngIf="selectedHero"> <h2>{{selectedHero.name | uppercase}} Details</h2> <div><span>id: </span>{{selectedHero.id}}&lt...
Angular4_CSS控制input输入变大写,并且不影响placeholder的样式
Martin 的博客
03-21 866
CSS通过设置input输入框的style来实现。text-transform: uppercase /转为大写/text-transform: lowercase /转为小写/text-transform: capitalize /单词首字母转为大写/ &lt;input type="text" [ngClass]="{'confirmBox': enableWarningStyle, 'con...
AngularJs深度解析：Directive指令全方位指南
-- directive: my-dir exp -->`：注释 在实际开发中，属性和元素形式最常见，而类和注释形式相对较少用。 3. **Directive的作用** - **语义化HTML**：通过自定义指令，可以使HTML代码更具有描述性，阅读者无需...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值