草庐IT

angular2-social-login

全部标签

如何将Angular 4添加到现有Node.js应用程序

我设置了一个node.js应用程序,用于使用Typescript。该应用程序应该在Heroku上部署。Node.js应用程序被设置为诸如AUTH,注册和请求之类的内容。我想知道我需要添加哪些依赖项,以便开始在同一项目中构建Angular4应用程序。我在Github上看到了一个建议的问题nginit但是,这不再是一种选择。ngnew创建一个全新的项目目录,而不是添加依赖项和文件。这里还有另一个问题,OP将他自己的答案标记为正确,基本上说“使用流星”。编辑:我了解如何在本地工作时从node.js应用程序内部使用Angular2+应用程序,只需构建和服务index.ts文件。但是,如何在git中与n

为什么jQuery在Angular 1和Angular 2中不工作?

jQuery没有在Angular1和Angular2中工作。我只是想将简单的jQuery函数藏起来和显示。我正在使用Angular1.5和jQuery3.2$('documment').ready(function(){$('#mydiv').hide();$('#mydiv1').click(function(){$('#mydiv').show();});});看答案您有语法错误,您缺少一个'角色$('#mydiv1)但是,如果您遇到错误,参考:未定义$确保您已按适当的顺序包含Angular和jQuery。如下,

为什么我们不能直接使用Angular中的Console.log?

说我有一个变量,我想在控制台中看到其值。但是在角度,我不能只写{{console.log(variable)}}在我的模板中。我必须在课堂上重新创建此功能,例如:test.component.ts:log(val){console.log(val)}然后,我可以获得价值:test.component.html:{{log(variable)}}那为什么我不能只写{{console.log(variable)}}?看答案因此,在Angular(2/4)中,模板中唯一可以访问的东西是属于相应组件类的范围内的事物。您可以在TS中说“this.blah”。因此,您实际上可以做您建议的事情,但是您需要在

如何在 Angular 中使用 ng2-charts 来使用 Chart.js

介绍Chart.js是一个流行的JavaScript图表库,ng2-charts是Angular2+的一个包装器,用于在Angular中集成Chart.js。在本教程中,您将使用Chart.js和ng2-charts在Angular应用程序中创建示例图表。先决条件要完成本教程,您需要:本地安装了Node.js,您可以按照《如何安装Node.js并创建本地开发环境》中的步骤进行安装。对设置Angular项目和使用Angular组件有一定的了解可能会有所帮助。本教程已使用Nodev14.13.1、npmv6.14.8、angularv10.1.6、chart.jsv2.9.4和ng2-charts

Angular Bootstrap Popover在关闭后需要2个点击即可打开

我在网格单元格上有多个弹出声,我在它们上使用附加到body=“true”属性。当我向下滚动网格时,我想从编程中隐藏弹出窗口。目前我正在使用此代码隐藏它们functioncloseAllPopOvers(){varpopups=document.querySelectorAll('.popover');if(popups){for(vari=0;i这个问题的问题是,如果我回到该代码关闭的弹出窗口之一,则需要2个点击才能打开。关闭所有附加物的弹出窗口的正确方法是什么?看答案我认为您正在弄乱弹出式触发设置,请尝试设置popover-trigger至nonepopover-trigger="'none

@Angular-libphoneNumber是否有Angular 2或更高的样品?

我正在尝试创建一个指令,用于格式化和验证我的angualr4应用程序中的电话号码,正在寻找一些启动指导。看答案编辑(2018年3月15日)-谢谢@JosephWebber首先,您必须安装libphonenumber-js,这是Google-libphonenumber的包装纸,准备在Angular2+上进口。您可以在应用程序上安装它:npminstalllibphonenumber-js--save或者yarnaddlibphonenumber-js取决于您使用的软件包管理器。安装后,您可以在组件上使用它:import{Component,OnInit}from'@angular/core';

Angular 4提取嵌套的JSON

如何访问嵌套的JSON?我有以下文件:{"user1":{"name":"john","surname":"johnsson"},"user2":{"name":"Jacob","surname":"Jacobsson"}}等等。我需要从此JSON数据中制作一个带字段名称和姓氏的表。我怎样才能做到这一点?我写了以下代码:users.service.tsexportclassUsersService{private_url:string='../assets/users.json';constructor(private_http:Http){}getUsers(){returnthis._ht

Angular2路由器行为 - URL更改,然后恢复到以前的状态

我在Angular2代码中遇到了一些意外的行为。我正在使用角路由器插座在父容器中的视图之间切换。我以以下方式定义了路线:-exportconstroutes:Routes=[{path:'',redirectTo:'/dashboard',pathMatch:'full'},{path:'dashboard',component:DashboardComponent},{path:'suppliers',component:SuppliersComponent},{path:'suppliers/:supplier_id',component:SuppliersComponent},{path

如何隐藏导航默认值,在单击上显示,如何将类添加到Image&div Angular

我正在研究菜单导航。我有一个菜单图标,我想将类添加到其中,以从主CSS文件中控制它。当页面加载时,我想隐藏导航。当我单击图标时,我想显示导航。当我从导航中赶出鼠标时,我应该隐藏。我感到困惑如何调用CSS从哪个文件,我必须在app.component.ts或where中编写单击事件。我必须在Angular4.0中做所有这些事情。Thanksinadvance.SignUp-->Login-->twothreefourfivesixexportclassNavComponentimplementsOnInit{name:string;show:string;constructor(){this.n

导入`@@angular/platform-browser/animations`总是返回null

我正在尝试获取Angular的材料2库设置。我遇到的问题是动画不起作用的。每当我导入任何事物从@angular/platform-browser/animations,它总是返回零。我正在使用以下依赖项package.json-"@angular/animations":"^4.2.5""@angular/platform-browser":"^4.2.5"这是我的导入方式BrowserAnimationsModule(根据文档)-import{BrowserAnimationsModule}from'@angular/platform-browser/animations';但是,尝试导入B