问题标签 [angular-foundation]
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.
angularjs - angular-foundation 和 angular-translate:将翻译应用于属性背景文本
我在 AngularJS 中使用angular-translation和angular-foundation模块,并定义了 Foundation 顶栏,如下所示:
我需要将翻译过滤器应用于My back text
. 已经尝试了这两种解决方案,但没有成功:
示例 1 - 代码
示例 1 - 菜单中的文本
示例 2 - 代码
示例 2 - 菜单中的文本
我有什么问题吗,或者这两个模块不可能实现这一点?
使用过的版本
angularjs - 调用 detach 方法后不再设置 ngForm 有效性
我似乎无法弄清楚为什么我的嵌套 ngForms 不起作用。我将从一个基本概述开始。
我在 Foundation 显示 div 中有一个表单标签。当我单击一个按钮时,会打开显示。经过一番检查,我发现 Foundation 使用 jQuery 的 detach 方法从 DOM 中删除 div 并将其附加到 body 标记之前的右侧。我已经阅读了一些地方,这可能会使附加到表单的听众感到困惑。如果我在显示 div 之外的页面上有表单,那么一切正常。一旦我将它放入显示 div 并调用 detach 方法,由于某种原因,ngform 中的元素不再影响它们所在的 ngForm 的有效性。有趣的部分是嵌套在整个表单标签中的元素仍然可以正常工作。有关示例,请参见以下 JSBin。我认为这与根据此 stackoverflow销毁的范围有关. 任何和所有的帮助表示赞赏。谢谢。
javascript - Angular typeahead 代码不适用于他们自己的 Angular Foundation 网页示例代码
我正在使用角度基础作为他们的网站
http://pineconellc.github.io/angular-foundation/
当我点击他们的 plunker 然后当我在文本框中输入内容时它不起作用
这是他们的笨蛋
http://plnkr.co/edit/5bcGtC6MknYhNACpRqt4?p=preview
我想查看该预先输入代码的最小工作示例。
任何人都可以看看是什么问题
您可以搜索预先输入的内容,然后在他们的网站上单击在 Plunker 中编辑
http://pineconellc.github.io/angular-foundation/
他们的代码看起来都很好。即使这个最小代码也不起作用
javascript - Angular 指令 templateUrl 不会在脚本标签上呈现
最初,我问为什么我在控制器和 ng-template 中定义的部分不会填充模态。
在脚本标签上加载任何指令都没有成功之后 - 我相信我们正在使用的路由方法是绕过脚本查找部分的方法。
当通过模态 ng-click="open()" 调用时,该指令的 templateUrl 返回 404。如果在其他元素上调用,一切都会正确解析。
指令在 div 上加载 templateUrl:
指令 templateUrl 在脚本上返回 404:
更令人困惑的是,控制器记录了模态被解雇。这意味着其他一切都在顺利运行,除了 404 停止加载内容,这会关闭模式。
这听起来对任何人的用例都很熟悉吗?有办法解决吗?
javascript - Angular Foundation 选项卡使用 ng-if 显示错误的内容和活动选项卡
我正在使用 Angular-Foundation 向页面添加一些选项卡。有些选项卡有条件 ng-if,有些则没有。没有 ng-if 的选项卡似乎首先呈现并成为默认显示,即使我希望另一个选项卡首先呈现。
此外,当条件更改时,内容并不总是更改为正确的选项卡。
我尝试使用 javascript 来呈现选项卡,但不幸的是,我使用 Jade 作为我的视图,并且内容是模板的包含,javascript 无法正确呈现。
第一个标签集的示例。当 ng-if 评估表达式时,内容将默认为第三个选项卡。
另一个标签集。第三个选项卡上的 hack 将让第一个或第二个选项卡和内容首先显示,但在切换 hideTab 后,它再次默认为第三个选项卡。
也许我错误地使用了标签?
我在这里创建了一个 plunker:http://plnkr.co/edit/m1mxgo1Q872AnKaOJ5fe?p= preview
angularjs - 带有预先输入的角度形式适用于 plunker/standalone 但不适用于生产代码
我在表格中使用表格,以便可以连续提交一些数据。当我在我的生产/开发环境中时,表单如下所示。(我使用路由提供程序来分配控制器)一切最初都按预期工作,只是在按 Enter 时我无法提交表单。
HTML
控制器
但是,如果我将相同的代码放入 plunker/独立 html 文件中,它会按预期工作,并在按下 enter 时提交表单。
http://plnkr.co/edit/3385qhpExge4S5ZdPs1E?p=preview
我最初认为我的问题与代码错误有关,但如果我在生产代码中将表单移到表格之外,它会按预期工作。
有没有人对我如何解决这个问题或我可以采取的调试方向有任何建议?
javascript - 打开模型时如何动态加载控制器文件
在 Web 应用程序中有很多模态模板(角度基础模态)。当模式打开时,我们必须提供在页面 javascript 文件中创建的控制器。但是这个控制器通常是内联编写的。我想将这些控制器作为外部或动态加载。
它像是 :
可以吗?如果是这样,我该怎么做,
谢谢你的帮助
angularjs - Angular-Foundation 模态解析
我为错误,警告开发了常见的警报模式,并使用角度基础模式确认。我的问题是,我不能将变量传递给模态。模态内容:
开放警报服务:
我找不到解决方案。
感谢您的帮助
angularjs - 将带有 sidemenu 选项的标头模块化为指令
我正在尝试使用可选的滑动侧边栏菜单模块化标题栏。我目前正在使用angular-foundation,它是侧边栏的画布外组件。这个想法是你可以有一个标题栏,它可以触发一个侧边栏菜单打开(在你需要菜单的页面中)或者只是一个没有菜单的简单标题(例如:当用户没有登录时)
问题是画布侧边栏需要两个包裹层,这将包裹页面的整个内容,以方便菜单的滑动,将内容推到一边。
我的想法是创建一个<my-header>
指令,其范围属性称为 sidebar,当设置为 true 时,将在页面上包含一个画布外的侧边栏菜单。此外,我创建了另一个名为“helper”的指令<my-off-canvas>
,它有一个带有所需包装 div 的模板,这些 div 使用一些类指令来实现它们的魔力。
这是 plunkr: http ://plnkr.co/edit/5f6gUh0AixRNibs1rZTa?p=preview
问题:
包装<my-off-canvas>
器不会被编译到模板中,它将保留为<my-off-canvas>
指令。当我手动添加正确的包装器和类指令以使其工作时,存在一些依赖性问题,因为一些类指令offCanvasList
和leftOffCanvasToggle
要求指令和控制器是画布外功能的 2 个包装层的一部分。
目前正在寻找关于我应该如何实现这一点的想法,也许这种方法毕竟不可行,我应该选择不同的实现?我对建议和想法持开放态度,因为在指令方面我不是很有经验。