小编JVG*_*JVG的帖子

在AngularJS中使用iFrame

使用Angular 1.2+,我正在尝试在iFrame中加载一个"有角度"的方式,但我无法在任何地方找到任何教程/任何真正的讨论.

基本上,我有一个显示链接列表的搜索页面.单击一个链接应调用我的控制器中的一个函数,该函数将数据(可能通过$ http服务?)加载到iFrame,同时保持搜索结果在视图中.

这里有一些基本的代码(我以前从未真正使用iFrames过这样的道歉,如果这完全错了)

视图

<div ng-controller="searchPage">
  <div ng-repeat='post in searchResults'>
    <a ng-click="itemDetail(post._infoLink)">Here's a link!</a>
  </div>
  <div class="detailView" ng-show="itemShown">
    <iframe ng-src="detailFrame"></iframe>
  </div>
</div>
Run Code Online (Sandbox Code Playgroud)

调节器

$scope.itemDetail = function(link){
  $scope.itemShown = true;
  $scope.busy = true;
  $http.get(link).success(function(data){
    $scope.busy = false;
    $scope.detailFrame = data;
  });
}
Run Code Online (Sandbox Code Playgroud)

此代码目前给出错误:

 XMLHttpRequest cannot load <url>. Origin http://localhost:5000 is not allowed by Access-Control-Allow-Origin. 
Run Code Online (Sandbox Code Playgroud)

沿着这些线条简单的东西将是理想的.在上面的(尝试)示例中,搜索结果将保留在屏幕上并被推入侧边栏,而iFrame在外部站点(在不同的域中)加载到页面的大部分中.

如何通过Angular实现这一目标?

额外警告:加载到iFrame中的链接是联盟链接,因此它们之间通常会有一个"中间人"域,例如点击链接将mydomain.com/cloakinglink重定向到www.zanox.com/whatever哪个域,然后通向最终站点www.asos.com/whatever.

javascript iframe angularjs

11
推荐指数
2
解决办法
7万
查看次数

LinkedIn不再让我谷歌用户 - "sentinel_org_block"

不确定这是否与最近收紧的LinkedIn api相关(也许不是正确的Stack位置发布这个),但是当我从我的服务器使用LinkedIn时,我有一个奇怪的错误.

我知道他们真的锁定了"网络刮刀"(我没有对他们的网站做过).我的网站所做的只是让您点击名称并执行谷歌搜索.

点击John Doe who works for Acme Corp重定向到Google,搜索"John Doe Acme Corp LinkedIn",通常会在第一个结果中提供正确的用户个人资料.好哇!

但是,当我点击该结果时,我会收到一个错误页面.事实上,当我点击任何LinkedIn Google搜索结果时(即使我有机地谷歌)我被重定向到"找不到页面"的结果.

所有错误页面都包含/uas/login?trk=sentinel_org_block在其中.

知道这里发生了什么吗?肯定LinkedIn并没有阻止我只是谷歌搜索人?

linkedin linkedin-api

11
推荐指数
1
解决办法
2376
查看次数

将MongoDB连接到前端?

我用Node.js和构建了一个数据库MongoDB,我正在编写一个Angular.js应该从我的数据库调用条目的应用程序,并且能够写入这些条目.

我知道直接从javascript写入数据库存在一些安全问题,但我对这类事情完全不熟悉.更重要的是,我找不到有关如何将数据发送MongoDB到我的前端的任何说明,以便我可以实际使用它!

我如何将两者捆绑在一起?在Node.js,我使用javascript require函数加载我的数据库并从中读取/写入,但我无法找到在浏览器中执行此操作的方法.在node我使用mongojs模块将两者连接在一起,但这在我的Angular应用程序中不起作用,因为我无法使用require.

主要问题是:如何将MongoDB加载到前端?

编辑:我认为这是一个关于将MongoDB调用到前端而不是特定于角度的更基本的问题.如果我错了,请告诉我.

javascript mongodb

10
推荐指数
1
解决办法
7266
查看次数

在div而不是输入上使用AngularJS ngKeyup

我已经设置了一个带有一些示例代码的Plunker:http://plnkr.co/edit/upExTHzpkwtZ45mdikFr?p = preview

非常简洁的问题是:我正在尝试使用AngularJS的ng-keyUp指令.在我只看到用于输入的文档中,虽然我试图捕获页面上任何地方的按键而不是仅仅在输入框内.像这样:

// view

<div ng-keyup="keyPress($event)">
     // The bulk of my controller's view goes in here
</div>

// inside controller

$scope.keyPress = function(e){
     console.log(e);
}
Run Code Online (Sandbox Code Playgroud)

再次,请参阅上面的Plunker作为示例.目前,它根本不起作用,没有记录任何内容.我怎样才能让它正常工作?

javascript angularjs

10
推荐指数
1
解决办法
9506
查看次数

字体真棒图标在OSX Safari中不起作用

我的font-awesome图标在Firefox和Chrome中运行良好,但在Safari中我只看到其中一些空白而不是其他人.截图:

http://imgur.com/8MaOH1I.png

正如你所看到的,对于图标fa-twitter,fa-instagram和其他人只是没有显示出来,无论是在字体真棒网站或当我尝试与使用它们<i class="fa fa-instagram"></i>.

真奇怪,我已经清理了十几次我的缓存,无法弄清楚这里还有什么问题.

有任何想法吗?

css safari macos twitter-bootstrap font-awesome

9
推荐指数
4
解决办法
3万
查看次数

Angular JS - 使用函数重置下拉列表

我在Angular中设置了一个监听器,以便在选择框的选项发生变化时触发事件.

我还有一个按钮,我想将选择框"重置"为空白(不是选项1).

这是一些代码:

HTML:

<select id="dropdown" ng-model="orderProp" >
  <option ng-repeat="cats in categories" value="{{cats}}">{{cats}}</option>
</select>
<button id="showHide" ng-click="showAll($event)" >Show all results</button>
Run Code Online (Sandbox Code Playgroud)

使用Javascript:

$scope.showAll = function($event){
    $scope.orderProp ="0";
}
Run Code Online (Sandbox Code Playgroud)

选择框上的监听器功能:

   $scope.$watch( 'orderProp', function ( val ) {
        $scope.filteredMarkersProperty = $filter('filter')($scope.markersProperty, val);
        $scope.zoomProperty = 11;
        calcFocus();
    });
Run Code Online (Sandbox Code Playgroud)

这个KINDA虽然只是有时候会起作用,但我不知道它为什么会起作用(或者不起作用),因为我觉得它是错误的.我尝试用jQuery重置它.prop('selectedIndex',0);,但是当重置索引时它根本不会触发监听功能,所以这不起作用.

有任何想法吗?

angularjs

8
推荐指数
1
解决办法
2万
查看次数

Mongodb的"mongodump"命令,javascript执行错误

也许我对如何运作有完全的误解mongodump,但除了返回JavaScript execution failed: SyntaxError: Unexpected identifier错误之外我似乎无法做任何事情.

这是我正在做的事情:

  • Mongod正在运行
  • 我想备份一个名为"mydb"的数据库
  • 我在mongo shell里面
  • 我尝试了命令mongodump --db mydb并得到了上述错误
  • 我都试过mongodumpmongoexport,都具有相同的问题

我在这做错了什么?

mongodb mongodump

8
推荐指数
2
解决办法
6014
查看次数

无服务器错误:无法找到部署存储桶。错误:指定的存储桶不存在

我正在尝试使用无服务器对包进行简单的部署。然而,当我尝试时,我收到以下错误,指出我指定的存储桶不存在。

我已经在每个服务的基础上尝试过这个,似乎我的存储桶都不存在,但我正在 S3 和 cloudwatch 中查找,所有存储桶都在那里。

是否可以让 Serverless 输出尝试访问的存储桶?我发现这个错误非常没有帮助,

  Serverless Error ---------------------------------------

  Could not locate deployment bucket. Error: The specified bucket does not exist

  Get Support --------------------------------------------
     Docs:          docs.serverless.com
     Bugs:          github.com/serverless/serverless/issues
     Forums:        forum.serverless.com
     Chat:          gitter.im/serverless/serverless

  Your Environment Information -----------------------------
     OS:                     darwin
     Node Version:           6.10.3
     Serverless Version:     1.26.1
Run Code Online (Sandbox Code Playgroud)

amazon-s3 amazon-web-services serverless-framework serverless

8
推荐指数
1
解决办法
2万
查看次数

NodeJS图像处理/分析是否可行?

我正在NodeJS服务器端运行,我正在尝试进行一些自动图像处理以确定图像的"基色".

以下是我想要做的步骤:

  1. 拍摄图像(在远程服务器上,通过URL传递)并获取其尺寸
  2. 使用尺寸计算图像的中心
  3. 围绕中心点采用10px x 50px(WxL)矩形
  4. 获取每个像素的RGB值(每个图像500个)
  5. 输出像素的平均值

我知道这些东西在PHP中是可能的,但我想使用Node是可能的.我已经看过有关使用Node-imagick基本处理(如调整大小和裁剪)的教程,但不知道从哪里开始更像这样的高级分析.

问题

(a)这可能与Node有关吗?

(b)哪些图书馆允许我这样做?

javascript image image-processing node.js

7
推荐指数
1
解决办法
1万
查看次数

React Navigation - 从选项卡栏打开模式

使用 React Navigation (6),我将底部选项卡设置为我的主导航器:


export function TabNavigator() {
  const getColor = ({ focused, color }) => (focused ? palette.blue : color)

  return (
    <Tab.Navigator screenOptions={{ headerShown: false }}>
      <Tab.Screen
        name="home"
        component={HomeScreen}
        options={{
          tabBarLabel: "Home",
          tabBarIcon: ({ size, ...rest }) => (
            <Ionicons name="home-outline" color={getColor(rest)} size={size} />
          ),
        }}
      />
      <Tab.Screen
        name="favourites"
        component={FavouritesScreen}
        options={{
          tabBarLabel: "Favourites",
          tabBarIcon: ({ size, ...rest }) => (
            <Ionicons name="heart-outline" color={getColor(rest)} size={size} />
          ),
        }}
      />
      <Tab.Screen
        name="about"
        component={AboutYouScreen}
        options={{
          tabBarLabel: "About you",
          tabBarIcon: ({ size, …
Run Code Online (Sandbox Code Playgroud)

reactjs react-native react-navigation

7
推荐指数
1
解决办法
1万
查看次数