草庐IT

angular2-social-login

全部标签

html - Angular .js "typeError: V2.example is not a function"错误

我是angular.js的新手,我正在学习大约一年前制作的教程我正在尝试创建一个搜索功能,该功能接受输入并在Github.comHTML代码是:{{message}}{{username}}search{{user.login}}{{user.type}}和JS代码://Codegoeshere(function(){varapp=angular.module("github",[]);varmain=function($scope,$http){varonComplete=function(response){$scope.user=response.data;};varonErro

angularjs - 重新加载 Angular 应用程序后没有 index.html

我有一个angular.js应用程序,其基本设置如下:我的index.html呈现顶部/侧边栏等静态内容。我里面有显示部分html文件,例如我的home.html在我登录我的应用程序后index.html与它的ControllerMainCtrl负载以及我的home.html根据HomeCtrl.所以一切都应该如此。在我实现修复后(以便重新加载不会“忘记”用户并且我不会注销-我基于来自http://www.sitepoint.com/implementing-authentication-angular-applications/的示例)我尝试重新加载我的页面。但现在只有我的home.

无法从 Angular ui-view 内部访问 Javascript

我有一个带有Angular用户界面View的主模板(index.html)。在这个主模板中,我导入了一堆Javascript文件。我希望这些文件可用于将在ui-view中加载的html模板中的内容,但JS函数似乎无法访问。/sample-app/index.html:/sample-app/js/login.js$(function(){$('#login-form-link').click(function(e){$("#login-form").delay(100).fadeIn(100);$("#register-form").fadeOut(100);$('#register-

javascript - 带有 xeditable 的 Angular js 中的多选下拉列表

我在我的项目中使用AngularJS模板。因为有这么多控件,如文本框、下拉列表、日期选择器等。我想将下拉列表更改为多选。我正在使用下面的xeditable.jshttp://vitalets.github.io/angular-xeditable/https://github.com/vitalets/angular-xeditable请参阅下面的模板化html示例的一部分{{criteria[criteriaName].displayLabel}}:{{criteria[criteriaName].currentDisplayValue||'   &nb

jquery - JsPlumb 与 Angular2

我正在尝试使用jsplumb来显示两个组件之间的连接。我最终做的是使用jQuery获取UI元素的句柄并使用它来呈现连接,使用jsplumb库。如下所示:JsPlumb配置if(typeofjsPlumb!=='undefined'&&jsPlumb!==null){jsPlumb.ready(function(){jsPlumb.deleteEveryEndpoint();jsPlumb.setContainer(this._container);jsPlumb.Defaults.PaintStyle={strokeStyle:'#339900',lineWidth:2,dashsty

javascript - ui-view 没有为 angular-ui-tab 渲染相应的模板?

ui-view不适用于ui-tab。请看场景,请告诉我哪里错了。在客户页面中,我通过点击任何客户customers.view.html调用页面更新客户,该页面包含客户列表。当我点击任何客户时,它会打开类似以下url的链接。http://localhost:3000/home/#/updatecustomer/5customers.view.html在配置中,我正在创建urlhttp://localhost:3000/home/#/updatecustomer/5,我能够打开页面index.html,但查看相应的配置文件和设置未打开...请查看类似的工作演示,WorkingDEMO“配置

html - 如何在 Angular 2 中获取 contenteditable 'div' 的插入符号位置?

我有以下代码:Thistextcanbeeditedbytheuser.@ViewChild('test')el:ElementRef;constructor(privateelementRef:ElementRef){}onClick(event){console.log(this.el.nativeElement);letcursor=this.el.nativeElement.selectionStart;//givesundefined}当用户点击文本时,如何获取“div”元素的光标位置? 最佳答案 selectionSta

html - Angular 中组件的字符串@Input 属性的属性绑定(bind)与属性绑定(bind)?

设置字符串@Input()组件的属性,我们可以使用两种类型的语法:或者:我完全了解这两种绑定(bind)之间的区别。问题是:如果我有一堆要静态设置的字符串@Input()属性,我可以使用简单的属性绑定(bind)语法(第一个示例)而不是更“丰富”的属性绑定(bind)语法(第二个示例)吗?建议是什么,为什么?IE。有什么权衡取舍,是否最好始终使用属性绑定(bind),即使是设置静态字符串输入?以下是我能想到的几个缺点:属性绑定(bind)实际上作为HTML属性应用,例如用户可以通过浏览器的开发工具轻松查看/更改它们。属性(property)绑定(bind)不是标记的一部分。属性绑定(b

html - Angular 2双向绑定(bind)从html输入标签中删除name属性

当我在输入标签中进行双向绑定(bind)时,名称属性会从输入标签中删除。绑定(bind)元素是一个数组。Boxs当我以上述方式编写时,名称属性被删除但是Boxs这样name属性就保留下来了。第一个代码有什么问题?我正在将此表单发布到LaravelRoute。 最佳答案 我像这样测试了你的初始代码Boxsonplunkrhere它正在工作,应该是其他东西去掉你的名字。编辑我在2.0.0中尝试了相同的代码,并且可以正常工作。虽然我不知道你在这里显示的代码是如何工作的,因为在2.0.0上,angular在*ngFor上不接受let但#您可

javascript - 路由问题 - 哈希标签 - Angular 2

我正在尝试将普通Bootstrap模板转换为Angular网站。我在从一页导航到另一页时遇到路由问题,例如About至Contact反之亦然。模板已经具有以下格式,在hashtag#的帮助下使用一些css实现平滑滚动.我的app.compo.html之前:About之后:Aboutapp.routing.tsconstroutes:Routes=[{path:'',redirectTo:'about',pathMatch:'full'},{path:'about',component:about,data:{state:'about'}},{path:'contact',compone