Angular指令不加载模板

 fanhua1 发布于 2023-02-05 23:10

我是angularJS的新手,我正在尝试创建一个小网站来了解它是如何工作的.我的网站有三个要素:

菜单栏

一个带有一点演示文稿的容器

模态窗口

这是具有以下三个元素的控制器的链接:

https://github.com/ardiadrianadri/angular-bootstrap/blob/master/WebContent/js/controllerMainFrame.js

这是我的代码主目录的链接:

https://github.com/ardiadrianadri/angular-bootstrap

问题是两个第一个元素工作正常但第三个元素没有.实际上,模态窗口的模板永远不会加载到HTML代码中.

有人能帮我吗?

先感谢您

1 个回答
  • 你有一个拼写错误:tempalteUrl而不是templateUrl

    function errorModal(){
        return {
            restrict: 'E',
            templateUrl:'template/errorMessage.html'
        };
    }
    

    angular.js没有抛出任何错误的原因是因为在声明一个指令时你只是传递一个带参数的对象.angular甚至没有看到它不熟悉的属性(如:tempalteUrl)所以从angular的角度来看,你的指令恰好{restrict: 'E'}等于什么都没有.

    2023-02-05 23:25 回答
撰写答案
今天,你开发时遇到什么问题呢?
立即提问
热门标签
PHP1.CN | 中国最专业的PHP中文社区 | PNG素材下载 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有