GVKun编程网logo

我可以将Twitter Flight与AngularJS结合使用吗?(twittertestflight)

14

本文将介绍我可以将TwitterFlight与AngularJS结合使用吗?的详细情况,特别是关于twittertestflight的相关信息。我们将通过案例分析、数据研究等多种方式,帮助您更全面地了

本文将介绍我可以将Twitter Flight与AngularJS结合使用吗?的详细情况,特别是关于twittertestflight的相关信息。我们将通过案例分析、数据研究等多种方式,帮助您更全面地了解这个主题,同时也将涉及一些关于Angular - 将 API 与 HTTP Digest Auth 结合使用、angularjs – Angular – 我可以从角度应用程序外部广播消息吗?、angularjs – Angular使用limitTo和Filter、angularjs – Angular可以在数值范围内使用ngSwitch吗?的知识。

本文目录一览:

我可以将Twitter Flight与AngularJS结合使用吗?(twittertestflight)

我可以将Twitter Flight与AngularJS结合使用吗?(twittertestflight)

几个小时前,Twitter发布了Flight,这是一个基于组件的 JavaScript框架.它的组件是普通的DOM元素,并通过简单的DOM事件进行通信,这非常好.

我只是想知道……我可以将它与AngularJS结合起来吗?如果我正确地理解了两个框架,我可以用AngularJS创建“new”元素,它可以被并包含Flight组件.这些组件可以通过AngularJS填充数据.
换句话说:我可以像往常一样使用AngularJS,但指令是“装饰”的Flight组件. (使用Flight创建视图并将AngularJS用于其他所有内容.)

那会有意义吗?如果不是……我没有得到飞行的目的:(

解决方法

我知道您要执行以下操作:使用Flight组件和Flight视图装饰AngularJS指令.

您可以在指令中创建这些Flight组件,并从数据绑定Angular商品中获得优势.但是,从以下情况来看:

"Flight enforces strict separation of concerns. 
 When you create a component you don't get a handle to it. "

看起来Flight并不会促使您通过数据绑定与这些组件对话.

此外,指令可以被视为组件本身.至于创建视图,在AngularJS中,DOM已经是视图了,具体到什么原因你必须在顶部使用Flight视图?

此外,由于AngularJS没有订阅Flight使用的事件,因此无法知道DOM何时被修改(我不确定这一点,如果我错了,请更有知识的人纠正我).

至于有意义.它看起来不像Flight意味着解决与Angular相同的问题.我认为AngularJS指令解决了与Flight组件相同的问题,但提供了更多.

Angular - 将 API 与 HTTP Digest Auth 结合使用

Angular - 将 API 与 HTTP Digest Auth 结合使用

如何解决Angular - 将 API 与 HTTP Digest Auth 结合使用?

我想创建一个网络管理面板。为此,我编写了一个后端控制器来帮助我提供所需的数据......但是,有一些合理的数据,因此,我实现了 HTTP 摘要身份验证。如果您在浏览器中访问该站点,您只需在浏览器生成的登录屏幕(标准浏览器身份验证框)中输入您的用户名和密码,如果用户名/密码正确,则数据显示为 JSON(或其他指定格式 - 这是一个 RESTful API ).

我已经尝试了好几天在 Angular 中实现它,但它不起作用...... - 我找到了一些带有说明的博客文章,但只有 HTTP 基本身份验证 - 我不想使用基本授权。

我尝试向指定的 Url 发送 Get 请求以获取领域/随机数等等,但这不起作用 - 每次我收到标题“WWW-Authenticate”但出现错误消息(401 未授权) (当然 ^^ - 这对我来说很清楚^^)) - 但我无法读出标题以将其用于进一步的步骤(md5(用户名:领域:密码)。这不起作用......我想读出 WWW-Authenticate 标头(使用 X-headername 也不起作用)

sendCredentials()
{
console.log("Send cred");
this.http.get(this.targetUrl,{observe: ''response''}).subscribe(res => {
  console.log(res.headers.get(''WWW-Authenticate''));
}) //normally i want to set the nonce here and then i 
 //want to generate my md5 Value to send this in the next step with a new http get request)
}

我不知道如何解决这个问题 - 谷歌在这种情况下对我没有帮助......

希望有人能帮帮我^^

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)

angularjs – Angular – 我可以从角度应用程序外部广播消息吗?

angularjs – Angular – 我可以从角度应用程序外部广播消息吗?

我有一个场景,我需要非角度代码(在这种情况下Facebook和Twitter JS sdk)来广播角度控制器可以收听的事件.为什么?在初始页面加载后,我通过 AJAX加载和修改页面中的内容.内容有多个喜欢/推特按钮(如博客/聚合器的首页).我想在Facebook“喜欢”按钮或Twitter“分享”按钮上发生点击时添加事件挂钩 – 页面中有一些,每当获取新内容时每个都在变化(再次,通过ajax ).

现在,SDK的处理方式不同:

推特

twttr.events.bind('click',function(event){
    // here I'd like to somehow
    // $rootScope.$broadcast("twitter:clicked",event.currentTarget)
});

Facebook的

FB.Event.subscribe("edge.create",function(resp) {
    // here I'd like to somehow
    // $rootScope.$broadcast("facebook:clicked",resp)
});

一些控制器

app.controller("SomeController",['$scope',function($scope) {
    $scope.$on("facebook:clicked",function(event,resp) {
        // do something with resp
    });

    $scope.$on("twitter:clicked",target) {
        // do something target
    });
}])

我们的想法是绑定这些事件处理程序,然后处理相关控制器中的广播消息,即使每次获取新内容时都会重新创建这些控制器.

所以基本上,我正在寻找的是一种方法来挂钩现有的已经初始化的角度应用程序的$rootScope和$广播消息,尽管不是应用程序的一部分.希望这是有道理的.谢谢.

解决方法

您可以绑定到Angular代码中的其他应用程序(在最有可能创建链接的指令中).这样您就可以访问$rootScope.

或者,如果您手动引导应用程序,则可以保留对注入器的引用并获取$rootScope:

var injector = angular.bootstrap(element,["myAppModule",...]);
var $rootScope = injector.get("$rootScope");

在任何情况下都不要忘记在外部事件后调用$apply.

angularjs – Angular使用limitTo和Filter

angularjs – Angular使用limitTo和Filter

我有一个2,000个元素的列表,我用以下方式创建了angular:
<tr ng-repeat="elem in elements | limitTo:limitSize | filter:searchTerm |
 orderBy:predicate:reverse">

我正在使用滚动事件来更改滚动上的limitSize.

我还有一个searchTerm,我可以在给定元素中搜索elem,如下所示:

<inputplaceholder="Search" type="text" ng-model="searchTerm" />

当我在可见列表中搜索elem时,它当然正在工作,但是当我搜索当前不可见的elem时,它返回一个空列表.

我使用limitTo因为我不想在页面加载时呈现整个2,000列表.

我有什么选择?难道我做错了什么?

谢谢,
奥马里

<tr ng-repeat="elem in elements | filter:searchTerm | limitTo:limitSize | 
 orderBy:predicate:reverse">

应该先调用过滤器然后调用limitTo

angularjs – Angular可以在数值范围内使用ngSwitch吗?

angularjs – Angular可以在数值范围内使用ngSwitch吗?

我想基于数值范围使用ngSwitch.

我想基于ngSwitch更改显示三个不同的文本.但是,当我尝试在ng-switch-when中设置值范围时,我无法完成这项工作.这是可能的,还是应该使用ngIf而不是ngSwitch?

http://jsbin.com/eWIQoJE/1/edit

解决方法

这是不可能的.

ngSwitch指令检查ngSwitchWhen中的值是否等于ngSwitch中的值.相反,您可以按照建议使用ngShow或ngIf:

<div ng-if="test === 0">Is zero</div>
 <div ng-if="test > 10">Is greater than 10</div>
 <div ng-if="!(test === 0 || test > 10)">Default</div>

JSBin

今天关于我可以将Twitter Flight与AngularJS结合使用吗?twittertestflight的讲解已经结束,谢谢您的阅读,如果想了解更多关于Angular - 将 API 与 HTTP Digest Auth 结合使用、angularjs – Angular – 我可以从角度应用程序外部广播消息吗?、angularjs – Angular使用limitTo和Filter、angularjs – Angular可以在数值范围内使用ngSwitch吗?的相关知识,请在本站搜索。

本文标签: