草庐IT

ng2-dragula

全部标签

javascript - 如何在 Angular 2 的同一组件中使用多个 ng-content?

我想在我的组件中显示不同的模板。只有一个会显示。如果hasURL是true,我想显示.如果hasURL是false,我想显示.如果hasURL为false,组件显示按钮,但ng-content为空的问题。因为它已经在第一个“a>请问有什么办法可以解决吗? 最佳答案 您可以将ng-content包装在ng-template中并使用ngTemplateOutletPlunkerExample另见Howtoconditionallywrapadivaroundng-contentAngular9demo

javascript - 如何在 Angular 2 的同一组件中使用多个 ng-content?

我想在我的组件中显示不同的模板。只有一个会显示。如果hasURL是true,我想显示.如果hasURL是false,我想显示.如果hasURL为false,组件显示按钮,但ng-content为空的问题。因为它已经在第一个“a>请问有什么办法可以解决吗? 最佳答案 您可以将ng-content包装在ng-template中并使用ngTemplateOutletPlunkerExample另见Howtoconditionallywrapadivaroundng-contentAngular9demo

javascript - 如何使用 Angular ui 路由器 ng-hide 和 ng-show View ?

假设一个应用程序有一个列表页面,例如显示用户列表的表格。表格的每一行都有一个名为“编辑”的按钮,单击此按钮后,浏览器右侧会出现一个右侧面板,其中包含用于编辑该用户内容的表单。保存或关闭表单时,右侧面板消失。如何让AngularUIRouter在进入和退出编辑状态时自动显示/隐藏右侧面板?默认情况下,模板将被添加和删除,但容器本身仍将存在于屏幕上。在UIRouter的演示应用程序中,html布局为所有子状态分配了空白空间,但在我正在构建的应用程序中,我真的很想隐藏面板,如果它们不被使用甚至滑动随着状态的进入和退出,整个屏幕进出。我猜我必须使用ng-show和ng-hide才能做到这一点。

javascript - 如何使用 Angular ui 路由器 ng-hide 和 ng-show View ?

假设一个应用程序有一个列表页面,例如显示用户列表的表格。表格的每一行都有一个名为“编辑”的按钮,单击此按钮后,浏览器右侧会出现一个右侧面板,其中包含用于编辑该用户内容的表单。保存或关闭表单时,右侧面板消失。如何让AngularUIRouter在进入和退出编辑状态时自动显示/隐藏右侧面板?默认情况下,模板将被添加和删除,但容器本身仍将存在于屏幕上。在UIRouter的演示应用程序中,html布局为所有子状态分配了空白空间,但在我正在构建的应用程序中,我真的很想隐藏面板,如果它们不被使用甚至滑动随着状态的进入和退出,整个屏幕进出。我猜我必须使用ng-show和ng-hide才能做到这一点。

javascript - Orderby 在 ng-repeat 上不使用 dict 语法

我正在尝试将ng-repeat与字典样式语法一起使用,并对键值应用顺序。(key,value)在某物中|orderBy:'键'似乎OrderBy没有按预期工作例子在这里http://jsfiddle.net/mhXuW/ 最佳答案 orderBy的参数必须与对象数组中的属性名称相匹配。您的数据需要如下所示:$scope.list2=[{id:"2013-01-08T00:00:00",name:'Joe'},{id:"2013-01-09T00:00:00",name:'Sue'}];然后像这样的过滤器将起作用:Fiddle.请注意

javascript - Orderby 在 ng-repeat 上不使用 dict 语法

我正在尝试将ng-repeat与字典样式语法一起使用,并对键值应用顺序。(key,value)在某物中|orderBy:'键'似乎OrderBy没有按预期工作例子在这里http://jsfiddle.net/mhXuW/ 最佳答案 orderBy的参数必须与对象数组中的属性名称相匹配。您的数据需要如下所示:$scope.list2=[{id:"2013-01-08T00:00:00",name:'Joe'},{id:"2013-01-09T00:00:00",name:'Sue'}];然后像这样的过滤器将起作用:Fiddle.请注意

javascript - AngularJS 复选框 ng-repeat 和选定的对象?

我正在尝试以适当的方式以较少的痛苦来完成它,但我无法弄清楚如何处理ng-model并将其绑定(bind)到选定的列表等,而且我需要在以后填充该列表并且将选定的对象保留在其中。categories=[{"name":"Sport","id":"50d5ad"},{"name":"General","id":"678ffr"}]{{category.name}}每次填充列表时我都必须覆盖类别,因为它将从服务器中拉出。所以我想我需要有数组,而第二个数组将保存选定的对象?如果我是对的,我该如何预选复选框?我是否需要ng-click才能调用自定义函数将所选对象存储在另一个数组中?我需要复选框中的

javascript - AngularJS 复选框 ng-repeat 和选定的对象?

我正在尝试以适当的方式以较少的痛苦来完成它,但我无法弄清楚如何处理ng-model并将其绑定(bind)到选定的列表等,而且我需要在以后填充该列表并且将选定的对象保留在其中。categories=[{"name":"Sport","id":"50d5ad"},{"name":"General","id":"678ffr"}]{{category.name}}每次填充列表时我都必须覆盖类别,因为它将从服务器中拉出。所以我想我需要有数组,而第二个数组将保存选定的对象?如果我是对的,我该如何预选复选框?我是否需要ng-click才能调用自定义函数将所选对象存储在另一个数组中?我需要复选框中的

javascript - 为什么这个简单的 AngularJS ng-show 不起作用?

我不明白为什么我的简单AngularJS应用程序无法按预期工作。“正在加载...”应该是隐藏的,而“完成!”应在1秒后显示。html:Loading...Done!Javascript:functionTestCtrl($scope){$scope.loading=true;setTimeout(function(){$scope.loading=false;},1000);} 最佳答案 你需要告诉angular你更新了var:functionTestCtrl($scope){$scope.loading=true;setTimeo

javascript - 为什么这个简单的 AngularJS ng-show 不起作用?

我不明白为什么我的简单AngularJS应用程序无法按预期工作。“正在加载...”应该是隐藏的,而“完成!”应在1秒后显示。html:Loading...Done!Javascript:functionTestCtrl($scope){$scope.loading=true;setTimeout(function(){$scope.loading=false;},1000);} 最佳答案 你需要告诉angular你更新了var:functionTestCtrl($scope){$scope.loading=true;setTimeo