问题标签 [angular-template]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
95 浏览

angularjs - 在 Angular js 中,自定义指令需要一种方法来处理具有不同模型名称的动态模板

我正在研究一个自定义指令,我将在单击选项卡时从控制器获取模板以进行编译。以下是我的模板、自定义指令和 html 代码。

控制器 :

我的自定义指令:

在jsp页面中我有:

如果满足条件,我的自定义指令工作正常并在$scope.onTabClick功能中正确显示图表。eachTab.id == 1我怎样才能使指令通用,以便即使满足eachTab.id == 2oreachTab.id == 3条件它也能工作?

0 投票
1 回答
4144 浏览

angularjs - angular-google-maps 不适用于不是 text/ng-template 的 templateUrl

我正在使用 angular-google-maps 指令。我正在使用 ui-boostrap 模式来显示地图。我在名为 mapSelectLocation.html 的文件中定义了我的模态内容。这是我打开模式的方式:

地图选择位置.html:

地图选择位置控制器:

这将显示弹出窗口并适当地渲染地图。但是,当我关闭模式并重新打开它时,地图无法正确呈现。大部分地图区域呈灰色显示,左上角只有一小部分地图可见。

但是,如果我将 mapSelectLocation.html 的内容从文件本身移动到同一页面上的角度模板脚本中,它会很好地打开并重新打开,每次都正确呈现:

当然也要更新 templateUrl:

有人可以告诉我为什么将我的模态内容放在单独的文件中不起作用吗?我宁愿将它分开,也不愿使用角度脚本模板。

0 投票
0 回答
421 浏览

ruby-on-rails - Angular.js 和 Rails - 指令渲染 TemplateUrl 无限循环

我正在尝试创建一个自定义指令message,称为呈现 html 片段模板message.html。我将 Angular.js 与 Ruby/Rails 一起使用。当我加载页面时,它进入一个无限循环(可能是我在 SO 上阅读的递归指令)。有任何想法吗?非常感激!!



消息.html


我如何在我的profile.html

这是我的 Github 存储库以获取更多信息:https ://github.com/natbatwat/shori/tree/master/app/assets/javascripts

0 投票
1 回答
684 浏览

angularjs - gulp 模板缓存和使用 html URL 的对话框

嗨,我正在使用 gulp 插件来创建我所有部分的模板,然后将其与应用程序 js 脚本合并并缩小。

所有 .html 都正确加载,但是当我尝试将 html 指定为某个控制器(我使用的是 ng-material)内的某个对话框插件的一部分时,它会抛出 404。例如 -

0 投票
1 回答
163 浏览

jquery - 使用 jquery 进行角度模板和路由

我正在开发我的第一个带有模板和路由的 Angular 网站。

我想要一个窗口大小的图像 - 70px

//jquery(这部分单独工作很好,测试了。)

我的问题是,当我将 home.html(图片所在的位置并充当首页)加载到 index.html 时,它不会将样式windowHeight应用于图像,但如果我手动调整窗口大小,那么风格适用。

我尝试将我的脚本直接插入 home.html 然后它可以工作,但我希望将 jquery 单独放在 .js 文件中

我的猜测是,在触发调整大小之前,我的脚本不会注册 home.html 已加载到 index.html 中。

注意:所有样式表和脚本都加载在 index.html 头中,而被 ng-view 加载到 index.html 中的页面目前看起来是这样的

抱歉解释不好,我是新来的,所以我还不完全理解它。

谢谢你。

0 投票
3 回答
2730 浏览

ruby-on-rails - AngularJS 和 Rails 路由错误

我正在关注以下教程:https ://thinkster.io/angular-rails/

当我进入部分:将前端与资产管道集成时,事情就破裂了;该站点陷入无限循环并不断产生相同的错误。我已经检查并重新检查了每个步骤。有人可以帮忙吗:

错误:

宝石文件:

应用程序.js:

路线.rb:

应用程序.html.erb:

应用程序.js:

应用程序/资产/javascripts/home/_home.html:

0 投票
2 回答
1789 浏览

javascript - 在 AngularJS 中使用指令的多个子 HTML 元素的问题

我正在使用一个模板来创建一个弹出菜单,如果有一个新的并且它一直工作到现在,它将显示警报。但是我想添加手动警报,这就是为什么我想添加一个输入文本但是 Oupss,我不能在输入字段上写,我什至不知道为什么。输入字段有点禁用!!!

我的指令是这样的:

我试图使范围为真,但我遇到了 2 个问题:我不能再移动我的弹出窗口(是的,我的弹出菜单是可拖动的)而且输入文本也没有显示我正在输入的文本。

这是我的缓存模板:

我是 AngularJS 和 Directive 的新手,我不知道如何解决这个问题,但我认为这是 Scopes 的问题!谢谢你。

更新 :

如果我删除scope:{menu:"=drSrc"}那工作,我可以输入我想要的,但问题是我的元素不再是可拖动的。我认为这与范围有关。有人可以帮忙吗?

0 投票
1 回答
353 浏览

ruby-on-rails - Rails 上的 Angular 模板

我正在使用angular-rails-templates宝石。我的/app/assets/javascripts被​​叫文件夹中有一个文件夹,templates我已将其包含在application.js

模板里面有一个test.html文件<h1>hello world</h1>

出于某种原因,当我在控制台中test.html注销$templateCache.info()(使用)时,没有找到:app.run

对象{id:“模板”,大小:0}

0 投票
2 回答
686 浏览

angularjs-directive - generator-angular-fullstack 指令 templateurl 不呈现

披露:已经彻底检查了重复和主题/离题。这是我室友在尝试时也遇到的问题,因此这显然是一个常见问题。我发现其他人也有类似的问题,但是已经解决了一些无法解决这个特定问题的问题。

我对所有这些框架都比较陌生,但我真的可以更多地关注这一点。我正在使用 generator-angular-fullstack,当我只是生成一个指令并且 templateurl 没有像标题暗示的那样呈现时。由于 Angular 不能那样工作,因此网络上没有任何进展。我尝试编写自己的指令,但也不太顺利,只能使用 template: 而不是 templateurl。如果我尝试

在 main.html 上它填充得很好,但我发现这是一条糟糕的路线,考虑到 html 在我的自定义指令下看起来非常干净,并且网络上还有另一个调用最终会减慢一切。有什么我想念的吗?generator-angular-fullstack 是否有尚未更新的新错误?

这是我的指令,它在 index.html 中调用的 main.html 上调用。

这是我的 main.html

这是我的 index.html

文件结构:这是 generator-angular-fullstack 的标准文件结构。

app下文件夹是如何设置的。主要的

app.geoData 文件夹是如何设置的

我提前为任何错别字道歉。我正在寻求帮助而不是聪明的嘴巴。请保持礼貌和礼貌,因为这是我第一次深入研究这些框架。也提前谢谢!

0 投票
0 回答
103 浏览

javascript - 如何为 Angular js 模板使用多个目录?使用 grails 角度模板资产管道插件

我们希望有一个这样的项目结构:

但是角度模板资产管道插件只接受其模板配置中的一个目录/文件夹。

无论如何,插件是否能够扫描给定模板文件夹下的嵌套文件夹?