草庐IT

angular2-social-login

全部标签

javascript - Angular 2 : Form submission canceled because the form is not connected

我有一个包含表单的模态,当模态被销毁时,我在控制台中收到以下错误:Formsubmissioncanceledbecausetheformisnotconnected模态被添加到的直接子元素,我的顶级元素。在Angular2中从DOM中删除表单并消除此错误的正确方法是什么?我目前使用componentRef.destroy(); 最佳答案 发生这种情况可能还有其他原因,但在我的例子中,我有一个按钮被浏览器解释为提交按钮,因此在单击按钮时提交了表单,导致错误。添加type="button"解决了这个问题。完整元素:

javascript - Angular.js 和 HTML5 日期输入值——如何让 Firefox 在日期输入中显示可读的日期值?

我有一个HTML5日期输入,我希望它的值默认设置为我模型中日期属性的值。我对格式不太挑剔,因为Chrome似乎会根据我的语言环境为我决定格式,但理想情况下格式应始终为dd/MM/yyyy。Fiddle这是我设置输入的方式:这在Chrome上运行良好,我默认看到以下内容:(我仍然不太明白为什么必须在yyyy-MM-dd中给出该值,如果Chrome仍然根据我的语言环境对其进行格式化,但这是一个不同的问题.)我的问题是Firefox没有按照我指定的方式显示日期值。我认为这与将输入绑定(bind)到date模型有关,因为我可以在value属性中指定几乎任何字符串,而且我仍然会看到长日期默认输入

javascript - Angular.js 和 HTML5 日期输入值——如何让 Firefox 在日期输入中显示可读的日期值?

我有一个HTML5日期输入,我希望它的值默认设置为我模型中日期属性的值。我对格式不太挑剔,因为Chrome似乎会根据我的语言环境为我决定格式,但理想情况下格式应始终为dd/MM/yyyy。Fiddle这是我设置输入的方式:这在Chrome上运行良好,我默认看到以下内容:(我仍然不太明白为什么必须在yyyy-MM-dd中给出该值,如果Chrome仍然根据我的语言环境对其进行格式化,但这是一个不同的问题.)我的问题是Firefox没有按照我指定的方式显示日期值。我认为这与将输入绑定(bind)到date模型有关,因为我可以在value属性中指定几乎任何字符串,而且我仍然会看到长日期默认输入

javascript - Angular2 中 (keyup) 的选项是什么?

当释放enter键时,下面的代码运行良好。除了keyup.enter之外,keyup还有哪些其他选项可用? 最佳答案 这些是当前在测试中记录的选项:ctrl、shift、enter和escape。这些是键绑定(bind)的一些有效示例:keydown.control.shift.enterkeydown.control.esc你可以追踪这个here虽然不存在官方文档,但它们应该很快就会出来。 关于javascript-Angular2中(keyup)的选项是什么?,我们在StackOve

javascript - Angular2 中 (keyup) 的选项是什么?

当释放enter键时,下面的代码运行良好。除了keyup.enter之外,keyup还有哪些其他选项可用? 最佳答案 这些是当前在测试中记录的选项:ctrl、shift、enter和escape。这些是键绑定(bind)的一些有效示例:keydown.control.shift.enterkeydown.control.esc你可以追踪这个here虽然不存在官方文档,但它们应该很快就会出来。 关于javascript-Angular2中(keyup)的选项是什么?,我们在StackOve

javascript - Angular ui-router 滚动到顶部,而不是 ui-view

我刚刚升级到ui-router0.2.8来自0.2.0我注意到当状态改变时,滚动位置跳到techildui-view的顶部这是新状态的主题。这很好,但我有两个问题:1)我在页面顶部和ui-view之间有30px的填充我希望它滚动到页面顶部,留下一个空白。目前它正好到达ui-view的顶部看起来很难看。为了实现这一点,我想我要么需要知道如何让它滚动到ui-view所在的div的顶部(不是浏览器viewport),要么我需要找出如何覆盖$uiViewScroll滚动到ui-view负30像素。我试过了$uiViewScrollProvider.useAnchorScroll();但如果我这

javascript - Angular ui-router 滚动到顶部,而不是 ui-view

我刚刚升级到ui-router0.2.8来自0.2.0我注意到当状态改变时,滚动位置跳到techildui-view的顶部这是新状态的主题。这很好,但我有两个问题:1)我在页面顶部和ui-view之间有30px的填充我希望它滚动到页面顶部,留下一个空白。目前它正好到达ui-view的顶部看起来很难看。为了实现这一点,我想我要么需要知道如何让它滚动到ui-view所在的div的顶部(不是浏览器viewport),要么我需要找出如何覆盖$uiViewScroll滚动到ui-view负30像素。我试过了$uiViewScrollProvider.useAnchorScroll();但如果我这

javascript - 在 Angular 2 中调用点击事件的函数

如何在组件(typescript)中声明一个函数并在Angular2中的点击事件中调用它?以下是Angular1中相同功能的代码,我需要Angular2代码://Controllerapp.controller('myCtrl',['$scope',function($cope){$scope.myFunc={console.log("functioncalled");};}]); 最佳答案 组件代码:import{Component}from"@angular/core";@Component({templateUrl:"home

javascript - 在 Angular 2 中调用点击事件的函数

如何在组件(typescript)中声明一个函数并在Angular2中的点击事件中调用它?以下是Angular1中相同功能的代码,我需要Angular2代码://Controllerapp.controller('myCtrl',['$scope',function($cope){$scope.myFunc={console.log("functioncalled");};}]); 最佳答案 组件代码:import{Component}from"@angular/core";@Component({templateUrl:"home

javascript - 错误 : [ng:areq] from angular controller

这不太可能,但是有人以前见过这个错误吗?我正在尝试使用express、angular和mongoDB添加“Transporters”。每当我访问由传输Controller控制的页面时,我都会收到此错误:Error:[ng:areq]http://errors.angularjs.org/1.2.12/ng/areq?p0=TransportersController&p1=not%20aNaNunction%2C%20got%20undefinedatError(native)athttp://localhost:3000/lib/angular/angular.min.js:6:45