问题标签 [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 - 我可以访问控制器中的表单吗?
我目前正在使用以下内容。
$scope.$$childHead.customerForm[firstName]
, 以便:
但这仅适用于 Chrome。现在我尝试了以下方法:
$scope.editCustomerForm[firstName]
, 以便:
这是行不通的。请注意,我的表单位于 Foundation 选项卡内。我怎样才能访问firstName
?
编辑:当它在基础选项卡内时,它看起来form
没有添加到。scope
有人对此有解决方案吗?
angularjs - 如何将数据传递给角度基础模态 $scope?
我正在使用角度基础,特别是模态http://madmimi.github.io/angular-foundation/#/modal,我对如何在使用一个控制器时将数据传递给模态感到困惑,我想要一个数组值并更新模态以显示特定的用户信息,例如: $scope.updateUserInfo = $scope.user[index] ,唯一的问题是如何将数据传递给模态。
});
angularjs - UI-Router 模式更改现有视图
我正在尝试使用 ui-router 来触发特定状态的模式,而不是更改整个视图。为此,我实现了FAQ 中给出的稍微调整的形式,因为我使用的是angular-foundation而不是 bootstrap。当我触发状态时,会显示模式,但是即使在我的状态中没有指定视图,它也会清除现有视图:
我应该为此状态配置视图/父级,例如<div ui-view='modal'></div>
还是parent:'main'
(我希望它可以从任何状态访问而不在切换时更改该状态)?
javascript - Foundation Abide / AngularJS中单个输入的不同错误
我正在尝试使用 Foundation 设置一个表单,但我发现除了基本的错误检查之外很难做更多的事情。假设我有以下输入字段:
假设用户名正则表达式是一个自定义模式,大致如下:
我需要做的是根据输入字段中的字符串是高于还是低于该字符限制来显示不同的错误。据我所知,Foundation Abide 对此有疑问。我找不到任何文件甚至表明这是可能的。
另一方面,我在同一个应用程序中可以使用 AngularJS,理论上可以使用 ng-min / ng-max 指令,并以此为基础切换错误情况。然而,我的理解是 Foundation 和 Angular 并不能很好地相互配合,这可能会引入一些框架之间的通信问题。业务需求表明我需要在 Foundation 中尝试并尽可能多地做这件事,但如果我能提供一个很好的案例说明为什么 Foundation 不适合,那么会有余地。
有没有办法在Foundation中做我需要的事情?混合 Angular 和 Foundation 验证是一件很容易的事情,还是我会遇到 Angular 的 $digest 循环的问题?
angularjs - 如何在 ng-repeat 循环中设置 Foundation 工具提示?
我试图在表格单元格中显示一个值,然后显示一个工具提示,它是该值的函数。
我的 HTML 测试块看起来像
在第二个表格单元格(td)中,工具提示显示,但为空白。即使跨度标记之间的相同值显示正确。
所以我采取了不同的方法(显示在第 4 个表格单元格中)并认为我会制定一个自定义指令。
模板已插入,但没有显示任何工具提示.. 甚至标题中的硬编码文本也没有。
我的脚本包括
另外,我注意到有http://madmimi.github.io/angular-foundation/但不确定它是否与为什么它不能按预期工作有关?
谢谢。
angularjs - 如何在带有角度基础的适当背景的模态中打开模态?
我想在模态框内打开一个模态框,其背景为 - 背景 -> 窗口 -> 背景 -> 窗口
我怎样才能用有角的基础来实现呢?
http://madmimi.github.io/angular-foundation/
谢谢!
javascript - $scope 上的 AngularJS 拼接数组不更新视图
我正在使用 madmimi 的 angular-foundation(它是 zurb 基础的 jquery 部分的 angularjs 端口),我在使用 Alert 指令时遇到了一些麻烦。
我有一个顶部有警报的联系表。这些警报使用 ng-repeat 在示波器上找到的数组上显示。($scope.alerts)。当我推送警报时,它会立即显示。但是当我尝试使用范围上的函数($scope.close())删除它时,ng-repeat 视图不会更新。它清楚地正确调用了该函数,然后当我记录数组时,它已成功删除警报。
$scope.$apply 抛出一个错误 $apply is already in progress(这是正常的,因为我在角度上下文中调用所有内容)。
另一件奇怪的事情是,当我在其中一个表单字段中输入内容(使用 ng-model 绑定到另一个范围对象)时,ng-repeat 视图会更新。
谁能帮我解决这个问题?现在已经调试了几个小时没有成功:(
提前致谢
编辑:
首先,我创建了一个小 JSFiddle,但在那里一切正常(就像在 angular-foundation 的演示站点上一样)所以我决定发布我的项目的现场演示,因为项目中使用了一些其他库作为以及更强大的控制器和其他东西,然后将在一个合并的 JSFiddle 中。
我剥离了大部分与问题无关的部分,所以它只是 2 个小控制器和 js 部分的一些路由设置。
可在以下位置找到演示:VG 演示
重现:向下滚动到联系表格,在一些随机数据中混合按钮,按“verzenden”,会弹出一个警报。按右侧的 X,如您所见,没有发生任何魔法。如果您喜欢魔术,只需将您刚刚填写的字段之一留空,您就会看到警报关闭。
通过检查源代码可以很容易地看到代码。
提前致谢
angularjs - 有条件地对 ng-repeated 元素应用 hasDropdown 指令
我正在开发一个同时使用 angularJS 和 Foundation 的项目,因此我正在使用Angular Foundation项目来让 Foundation 的所有 javascript 部分正常工作。我刚从 0.2.2 升级到 0.3.1,导致 top bar 指令出现问题。
以前,我可以使用一个类has-dropdown
来指示一个“顶栏”菜单项,其中包含一个下拉菜单。由于菜单项是从列表中获取的,并且只有一些具有实际的下拉菜单,因此我将使用以下代码:
但是,最新版本需要一个属性has-dropdown
而不是类。我尝试了几种解决方案来有条件地包含此属性,但似乎都不起作用:
这给了我一个真值或假值,但在这两种情况下,指令实际上都是活动的。使用ng-attr-has-dropdown
.
这个答案使用一种有条件地应用一个或另一个元素的方法,一个有一个没有指令属性。如果同一个元素是持有的那个,那是行不通的,ng-repeat
所以我想不出任何方法来使它适用于我的代码示例。
这个答案我不明白。这适用于我吗?如果是这样,大致如何工作?由于项目的设置,到目前为止我已经编写了几个控制器和服务,但到目前为止我几乎没有任何自定义指令的经验。
简而言之,这可能吗,如何?
javascript - 角度基础模态,无法发回信息
我正在使用带有角度(http://pineconellc.github.io/angular-foundation/)的基础模态的集成,并且在模态在关闭时发回正确信息时遇到问题:这就是我所拥有的
模态:
其内部的控制器中的模态函数:
模态控制器:
因此,这适用于传递信息以从原始控制器填充模态(耶)。但是我似乎遇到问题的地方是传回选定的选项名称和 ID。我的想法是,如果我只是传回附加到它的模型($scope.blockTHereSelect),它就会传递和对象,然后我可以调用 .id 和 .name 。但是,它作为一个空对象返回,如果我尝试单独发送 $scope.blockTHereSelect.id 和 $scope.blockTHereSelect.name 它们返回未定义。我似乎有点难过,我认为这可能与模型或范围在模态控制器中的工作方式有关。将不胜感激任何帮助,似乎无法解决这个问题。谢谢!!
javascript - Angularjs多个指令在延迟加载时要求嵌入
我正在尝试使用ui.router、ocLazyLoad、Foundation和angular-foundation设置一个简单的 angularjs 应用程序。
该应用程序是一个多视图应用程序,其组件使用ocLazyLoad延迟加载。我设置视图和关联的控制器没有问题。但是,我在尝试显示 Foundation 警报时遇到了问题。当我尝试查看我的警报 (route1) 时,我收到空警报。以及下面的堆栈跟踪。
为什么 Angular 两次应用警报指令?在这里可以找到一个 plunker:http: //goo.gl/lhtD0c
我的索引正文如下:
与此页面关联的 javascript 是:
这些问题与 route1 相关。这是 route1 模板。
最后是 route1.js -