草庐IT

angular2-social-login

全部标签

html - angular 2 - 如何在某些组件中隐藏导航栏

我在nav.component.html中单独创建了导航栏,如何在某些组件(如login.component)中隐藏导航栏。nav.component.htmlTogglenavigationentercodehereHomeabout 最佳答案 Navbar控件和格式化在整个应用程序中经常需要,因此NavbarService很有用。在需要的地方注入(inject)那些组件。导航栏.服务.ts:import{Injectable}from'@angular/core';@Injectable()exportclassNavbarSe

javascript - 开始使用 Angular JS 的基本指南

在创建我的应用程序时,我很困惑要开始。当我点击添加按钮时,我想显示一个表单-我是否将一个div附加到该按钮?我该如何攻击它?代码:BirthdayRemindersDataHereAddapp.initialize(); 最佳答案 好的,从上到下!:-)首先,您必须在某处告诉AngularJS您正在使用它。body标签和任何地方一样好:.This告诉AngularJS使用名为myApp的模块作为你的应用程序的根。那么现在让我们定义它://app.jsvarapp=angular.module('myApp',[]);第二个参数是一个

javascript - HTML 中的代码完成/自动完成 Angular/typescript ATOM

我想知道是否有可能像Webstorm一样在Atom中获得类似的代码完成/自动完成。现在我正在尝试习惯typescript,到目前为止我真的很喜欢它,但真正让我烦恼的是,我无法在原子中为我的HTML文件工作任何代码完成。那会让我的生活变得更轻松......这就是Webstorm(试用版)中的样子界面非常简单:interfacePerson{name:string;lastName:string;birthday:number;}Controller看起来像这样:modulemyModule{exportinterfaceIMyScopeextendsng.IScope{person:Pe

javascript - Angular JS 'route' 与 %2F 的组件不匹配(编码 '/' )

我在AngularJS中有一个“路由”,如下所示$routeProvider.when('/foos/:fooId',{controller:FooController,templateUrl:'foo.html'});它工作得很好,除非:fooId组件包含'/'或'%2F'(编码形式)我怎样才能让它工作,我的“fooId”可以包含/s? 最佳答案 你不能轻易做到这一点,因为如果你使用%2F的链接在其中,浏览器将为您解码它最终将成为/.AngularJS目前不允许你使用/在$route参数。您可以对其进行双重编码,就像在这个plnk

html - 45 度 Angular + 方框阴影 - 仅使用 CSS

我需要仅使用CSS重新创建以下设计:您在图片中看到的是网站容器的顶部-“链接”是主菜单的一部分。就目前而言,我已经创建了容器,但我不确定如何在不使用图像的情况下使导航倾斜。郑重声明:我宁愿不使用图像,因为倾斜的框阴影与浏览器呈现的框阴影匹配的可能性微乎其微,尤其是在涉及多个浏览器时。我一直在考虑一个带有白色背景和框阴影的定位和旋转div,但我还没有能够构建它。有什么想法吗? 最佳答案 有一种东西叫Sandpaper它可以帮助您转换元素,甚至在IE中也是如此!.myDiv{-sand-transform:rotate(45deg);}

javascript - 如何在 angular-ui-grid 中为特定值的行着色?

我正在尝试根据新的angular-ui-grid3.0rc12中的值为一行着色,但我无法做到。以下代码用于以前的版本(ngGrid):$scope.gridOptions=data:'data.sites'tabIndex:-1enableSorting:truenoTabInterference:trueenableColumnResizing:trueenableCellSelection:truecolumnDefs:[{field:'sv_name',displayName:'Nombre'}{field:'sv_code',displayName:'Placa'}{field

html - Angular 2从 Assets 文件夹加载CSS背景图像

我的文件夹结构是这样的-myapp-assets-home-page-img-header-bg.jpg-src-app-home-page-home-page.component.css-home-page.component.html-home-page.component.ts在我的home-page.component.css中,我有以下内容header{width:200px;height:200px;background-image:url('/src/assets/home-page-img/header-bg.jpg');}Myangular-cli.json"asse

html - angular 2 包括 html 模板

在Angular2中,我需要创建一个带有冗余部分的大型html模板。因此,我想创建多个html模板并将它们放在一起,将它们包含在主html文件中(如angular1中的ng-include)但是我怎样才能在主模板中包含子模板呢?例子:thisismySub-ItemthisissecondSub-Item-I'amsub1-I'amsub2 最佳答案 您可以创建sub1sub2等组件。然后在这些子组件上添加这些html文件作为模板。在主html上分别调用组件选择器。它会起作用 关于htm

javascript - Angular2 cookie 而不是本地存储

我设法让所有的JWT身份验证工作,没有问题,但它只支持现代浏览器,我需要Auth才能在IE9及以上版本中工作。我找不到任何关于如何在Angular2中使用cookie的信息或示例。有一个使用localStorage保存token的简单示例,我需要相同的功能,但使用cookie完成。任何帮助都会很棒,因为网上没有关于此的任何内容。this.http.post("http://localhost:3001/sessions/create",creds,{headers:header}).map(res=>res.json()).subscribe(data=>localStorage.se

javascript - Angular ng-repeat 导致闪烁

我用这段代码显示缩略图列表:在Controller中,我有一个获取新缩略图图像的ajax请求。Angular因此会更新图像,但会导致闪烁。有没有办法在更新DOM的过程中双缓冲或者不删除列表? 最佳答案 配合@cexbrayat的回答,如果您没有任何ID,您也可以将其关联并按$index跟踪。这是ng-repeat期间的内部迭代。 关于javascript-Angularng-repeat导致闪烁,我们在StackOverflow上找到一个类似的问题: http