问题标签 [angularjs-templates]
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.
javascript - 无法将指令应用于 AngularJS 中的两个不同控制器
我正在使用Tippy 库来创建 HTML 工具提示。我制定了 2 个指令来处理提示工具提示。
该settings
指令包含 HTML 工具提示代码,并且该tippy
指令将被放置在 HTML 工具提示代码中以激活它。tippy 工具与它所在的控制器共享数据,在本例中它共享缓存。
如果只有一个tippy
Fiddler 1 控制器实例,一切正常。我无法再次使用该指令。我能够重新创建我遇到的问题,Fiddler 2 controllers link。
据我了解,
Tippy
只有在有唯一 id 的情况下才能使用。有没有办法解决这个问题?
tippy-template.html
指令用法(在控制器内部)
angularjs - 有没有办法将模板转换为 html?
我正在使用 bootbox,我需要在其中显示产品信息。产品信息以 json 形式返回,并带有 rest 调用。我正在考虑使用模板,并从 json 转换为 html。我在模板中需要 ng-repeat 等。想法是我可以调用模板并获得 html 结果。
但似乎 angularjs $compile 需要绑定到要渲染的元素。任何想法?
angularjs - Angularjs 是否支持 in 模板?
如果我有 $scope.data={"user" {"firstname":test"}},我希望有类似的模板
{% with data %} 用户名为 {{ user.firstname }}
或者
{% with data.user %} 用户名为 {{ firstname }}
类似的东西,但我找不到它。我认为总是使用像 {{ data.user.firstname }} 这样的完整路径并不理想
任何想法?
angularjs - AngularJS:如何将指令插入模板?
我正在尝试编写一个通用的确认屏幕。我想在各种不同的实体中重用它。每个实体都有一个不同的指令用于将其呈现到屏幕上。
有没有办法编写一个带有“指令形孔”(my-directive
如下)的模板,我可以以编程方式填写?
javascript - 如何强制浏览器重新加载角度模板文件而不缓存它?
加载 javascript 文件时,我可以通过在加载文件时添加版本来强制浏览器不使用缓存,例如
从我的角度应用程序内部,我正在这样做:
如何确保我对 的任何更改Index.html
都不会被缓存?或者由于某种原因这不是问题?
角度 1.x
angularjs - AngularJS模板使用花括号评估concat表达式与自动concat?
在角度模板中,我如何评估这两个选项中的哪个更好?
<img ng-src="{{filteredImgs[imgIdx].signed_src}}&width=1000">
<img ng-src="{{filteredImgs[imgIdx].signed_src + '&width=1000'}}">
我想看看在处理错误时是否存在差异,或者两种选择之间是否存在性能影响,但我找不到评估这两种选择的来源。(我怀疑这是在角度模板评估核心中)
angularjs - 如何使用最新版本的 AngularJS 开始一个新项目?
使用最新版本的 AngularJS(当前为 1.7.2)启动新项目的最佳方式是什么?
官方文档建议克隆Seed App 项目模板,但它使用的1.5.11
是 AngularJS 上的旧版本。
甚至 yarn AngularJS starter kit ( yarn create angular-app my-app
) 似乎也包含不推荐使用的包,然后在 node-sass 安装后脚本中失败。
我知道新项目应该使用最新版本的 Angular,但这仅用于教育目的。
javascript - 从模板内部将 ng-model 绑定到服务参数
我在服务中保留了一个数据模型,以便各种控制器可以使用它们。在控制器内部,我对它进行了限定,以便元素可以使用 ng-model 绑定到它:
在控制器中:
然后在 HTML 元素中:
到目前为止一切顺利,这行得通。当我将指令带入组合时,就会出现问题。我有一个处理一对单选按钮并使用模板的指令。该模板尝试使用 ng-model 来引用相同的 weatherModel 服务参数,但是虽然它在页面本身的 HTML 中工作,但指令模板不起作用:
当我在两个按钮之间切换时, ng-model=weatherModel.conversion 值永远不会更新。我认为这必须是一些范围界定问题,但我正在碰壁如何解决它。
angularjs - 如何为我的两个指令添加不同的头两个标签或不同的头信息
我有 main.cshtml 文件它有一个包含 css 和 js 引用的 head 标签。
我有两个指令/模板。我想有不同的两个标题。当 page1 打开(有 template1)时,我希望页面的标题为 Page-1。当 page2 打开(有模板 2)时,我希望页面的标题为 Page-2。
我试图将头部标签放到指令中,但它没有读取标题和标题图标。
它既不能这样工作,也不能在主 div 上使用 head 标签。
我尝试使用路由,在路由中给出标题属性但在配置文件中 rootScope 无法读取。
所以我尝试用模块运行()。但它也没有奏效。
你能帮忙我怎么能有这两个不同的标题和图标。或者如果必须是两个不同的头部标签才能看到它们,我该如何创建它们?
javascript - 在 $http.get 的 AngularJS 指令中加载模板属性
我是使用 angularjs 的新手,我正在尝试创建指令。我的查询是,如何$http.get
从 html 更改 URL。这是我的代码:
HTML指令:
JS:
谢谢!