草庐IT

angular-cookies

全部标签

javascript - 你能阻止 Angular 组件的主机点击被触发吗?

我正在创建一个包装原生的Angular组件具有一些附加功能的元素。如果按钮被禁用并且我想复制相同的功能,则按钮不会触发点击事件。即,给定:Save有没有办法my-button防止onClick()从被调用?在Angular中,您可以通过这种方式监听主机点击事件,并停止该事件的传播://Insidemy-buttoncomponent@HostListener('click',['$event'])onHostClick(event:MouseEvent){event.stopPropagation();}这可以防止事件冒泡到祖先元素,但不会停止内置的(click)在同一宿主元素上触发的

javascript - Angular 2 - 在 Facebook 上分享页面 URL、标题和描述

我的最终目标很简单:用户点击了用户界面上的某个按钮。单击调用的Typescript函数会在Facebook上为用户打开一个新的共享选项卡。共享页面的“标题”和“说明”均由我的站点提供。我们有一篇关于在被链接页面上包含元标记的帖子,fb知道将其包含为标题/描述(HowdoIcustomizeFacebook'ssharer.php)。问题是我使用的是Angular2,所以我必须以某种方式在facebook看到它之前为页面动态添加元标记。我很难想象它是如何工作的,因为我假设FB服务器会访问我的NG2应用程序并搜索元标记(因此在浏览器中打开共享链接编辑元标记是没有意义的,因为FBAPI将获取

javascript - JavaScript cookie 的最大生命周期

Javascript持久性cookie的最大可接受过期时间值是多少? 最佳答案 阅读:ExpiresandMax-AgeofCookiesjavascriptcookie的生命周期取决于您在创建cookie时设置的时间量,例如以下设置10分钟的生命周期expiry=newDate();expiry.setTime(date.getTime()+(10*60*1000));//Tenminutes//Date()'stoGMTSting()methodwillformatthedatecorrectlyforacookiedocume

javascript - 如何启用 chrome 浏览器以允许本地 cookie? --enable-file-cookies

我目前在我的本地机器上使用cookie,出于某种原因,当我尝试查看cookie时,它​​说“默认情况下,本地文件禁用cookie。您可以通过使用--enable-启动浏览器来覆盖它file-cookies命令行标志”。我尝试进入我的chrome文件位置,我在属性下单击鼠标左键并在“目标”之后更改了命令行标志,但这没有用。我不确定此时如何启用本地cookie。 最佳答案 似乎--enable-file-cookies标志已为除android之外的所有平台删除。您可以阅读更多相关信息here和here.

javascript - 如何使用 D3 在 Angular 中使用 'this'?

说实话;当Angular将this绑定(bind)到类(组件/服务)时,如何处理引用D3对象的this?我希望在Angular(v.4)应用程序中使用D3.js(v.4)。我的代码在独立的JavaScript中运行,但我现在需要将它集成到Angular应用中。this的使用让我感到困惑。我有一个我想拖动的SVG组,所以我使用.call(drag)someFunction(){this.unitGroup=this.svg.append('g').attr('id','unitGroup');.call(drag)}当我尝试引用正在拖动的svg元素时,我的问题就出现了。在我的原始代码中,

javascript - 全局设置 angular.js url root

我有一个托管在我大学服务器上的Angular应用。因为该应用程序不在根域中(URL构造如下:university.domain/~)所有链接和图像源都已损坏(angular假定它位于域根中)。我的问题是:如何覆盖Angular基础URL,以便我仍然可以使用ng-href、ng-src等好东西? 最佳答案 引用AngularJS文档:RelativelinksBesuretocheckallrelativelinks,images,scriptsetc.Youmusteitherspecifytheurlbaseintheheadof

javascript - Angular Jasmine UI 路由器将解析值注入(inject)测试

在我的Angular应用程序中,UI路由器将promise解析为Controller。当尝试测试这个Controller时,Karma提示一个未知的vendor。如何将假对象注入(inject)测试以表示此解析对象。我的应用代码如下所示:angular.module('myapp').config(function($stateProvider,$urlRouterProvider){$stateProvider.state('tab.name',{...resolve:{allTemplates:function(Templates){returnTemplates.all().th

javascript - 单击后打开的非 Angular 页面

我正在尝试实现以下测试场景:点击页面上的Logo断言打开了一个新的浏览器窗口(Chrome中的选项卡)并检查当前URL问题是在新浏览器窗口中打开的页面是一个非Angular页面,而我在其中执行点击的主页是一个Angular页面.这是我的第一次尝试:it("shouldshowlogo",function(){varlogo=scope.page.logo;expect(logo.isDisplayed()).toEqual(true);//opensanewpageonclicklogo.click().then(function(){browser.getAllWindowHandl

javascript - 配置 Angular UI 按钮

我有一个看起来像这样的angular-ui按钮:这很好用。每次模型变为真时,active类就会应用于元素。在docs他们说您可以更改选中按钮的类名。这是引述:DefaultsettingsuibButtonConfigactiveClass(Default:active)-Classtoapplytothecheckedbuttons.但我不明白具体应该怎么做,在任何地方都找不到例子。 最佳答案 在您的Controller中,您可以注入(inject)uibButtonConfig并设置要应用于事件按钮的类。例子.controlle

javascript - Angular 2 将组件动态附加到 DOM 或模板

我计划在调用show()时向DOM添加动态组件。我知道有一个使用ngIf或[hidden]的解决方案来隐藏它并将其用作指令,但我不喜欢这个解决方案,因为我不想在我的HTML中声明它。import{Component}from'angular2/core';import{InfoData}from'../../model/InfoData';@Component({selector:'Info',templateUrl:'./components/pipes&parts/info.html',styleUrls:['./components/pipes&parts/info.css']}