小编Duk*_*gal的帖子

如何在页面加载时执行AngularJS控制器功能?

目前我有一个Angular.js页面,允许搜索和显示结果.用户单击搜索结果,然后单击后退按钮.我希望再次显示搜索结果,但我无法确定如何触发搜索执行.这是详细信息:

  • 我的Angular.js页面是一个搜索页面,带有搜索字段和搜索按钮.用户可以手动键入查询并按下按钮,并触发ajax查询并显示结果.我用搜索词更新了URL.一切正常.
  • 用户点击搜索结果并转到另一个页面 - 这也可以正常工作.
  • 用户单击后退按钮,然后返回到我的角度搜索页面,并显示正确的URL,包括搜索词.一切正常.
  • 我已将搜索字段值绑定到URL中的搜索词,因此它包含预期的搜索词.一切正常.

如何在用户不必按"搜索按钮"的情况下再次执行搜索功能?如果它是jquery,那么我将在documentready函数中执行一个函数.我看不到Angular.js的等价物.

onload angularjs

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

reactjs给出错误Uncaught TypeError:超级表达式必须为null或函数,而不是未定义

我正在使用reactjs.

当我运行下面的代码时,浏览器会说:

未捕获的TypeError:超级表达式必须为null或函数,而不是未定义

任何有关错误的提示都将受到赞赏.

首先是用于编译代码的行:

browserify -t reactify -t babelify examples/temp.jsx  -o examples/public/app.js
Run Code Online (Sandbox Code Playgroud)

和代码:

var React = require('react');

class HelloMessage extends React.Component {
  render() {
    return <div>Hello </div>;
  }
}
Run Code Online (Sandbox Code Playgroud)

更新:在这个问题上在地狱火中燃烧了三天后,我发现我没有使用最新版本的反应.

全球安装:

sudo npm install -g react@0.13.2
Run Code Online (Sandbox Code Playgroud)

在本地安装:

npm install react@0.13.2
Run Code Online (Sandbox Code Playgroud)

确保浏览器也使用正确的版本:

<script type="text/javascript" src="react-0.13.2.js"></script>
Run Code Online (Sandbox Code Playgroud)

希望这可以拯救别人三天的宝贵生命.

ecmascript-6 reactjs

245
推荐指数
12
解决办法
22万
查看次数

在reactJS中,如何将文本复制到剪贴板?

我正在使用ReactJS,当用户点击链接时,我想将一些文本复制到剪贴板.

我使用的是Chrome 52,我不需要支持任何其他浏览器.

我不明白为什么这段代码不会导致数据被复制到剪贴板.(代码片段的来源是Reddit帖子).

我做错了吗?任何人都可以建议使用reactjs实现复制到剪贴板的"正确"方法吗?

copyToClipboard = (text) => {
  console.log('text', text)
  var textField = document.createElement('textarea')
  textField.innerText = text
  document.body.appendChild(textField)
  textField.select()
  document.execCommand('copy')
  textField.remove()
}
Run Code Online (Sandbox Code Playgroud)

javascript clipboard reactjs

105
推荐指数
16
解决办法
8万
查看次数

Golang可以像Python一样多次使用字符串吗?

Python可以像这样乘以字符串:

Python 3.4.3 (default, Mar 26 2015, 22:03:40)
[GCC 4.9.2] on linux
Type "help", "copyright", "credits" or "license" for more information.
>>> x = 'my new text is this long'
>>> y = '#' * len(x)
>>> y
'########################'
>>>
Run Code Online (Sandbox Code Playgroud)

Golang可以做某事吗?

python string go python-3.x

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

reactjs - 如何设置backgroundcolor的内联样式?

我想设置一些元素的样式属性,但我没有正确的语法.任何人都可以建议我错在哪里?

import React from 'react';
import debug from 'debug'

const log = debug('app:component:Header');

var bgColors = { "Default": "#81b71a",
                    "Blue": "#00B1E1",
                    "Cyan": "#37BC9B",
                    "Green": "#8CC152",
                    "Red": "#E9573F",
                    "Yellow": "#F6BB42",
};

export default class SideBar extends React.Component {

  constructor(props) {
    super(props);

  }


  render() {

    return (


    <a style="{{backgroundColor: {bgColors.Default}}}" >default</a>
    <a style="{{backgroundColor: {bgColors.Blue}}}" >blue</a>
    <a style="{{backgroundColor: {bgColors.Cyan}}}" >cyan</a>
    <a style="{{backgroundColor: {bgColors.Green}}}" >green</a>
    <a style="{{backgroundColor: {bgColors.Red}}}"  >red</a>
    <a style="{{backgroundColor: {bgColors.Yellow}}}" >yellow</a>
           );
  }

}
Run Code Online (Sandbox Code Playgroud)

更新:对于任何看这个的人,请参阅评论这不是正常工作的代码.

javascript reactjs

43
推荐指数
3
解决办法
10万
查看次数

使用Cognito的AWS Lambda API网关 - 如何使用IdentityId访问和更新UserPool属性?

好吧,我现在已经进入了这个阶段并取得了重大进展,但仍然完全被基本面所困扰.

我的应用程序使用Cognito用户池来创建和管理用户 - 这些在S3上通过IdentityId标识.我的每个用户都有自己的S3文件夹,AWS会自动为他们提供一个等于用户IdentityId的文件夹名称.

我需要将IdentityId与其他Cognito用户信息相关联,但无法确定如何使用.

我需要的关键是能够识别用户名以及给定IdentityId的其他cognito用户属性 - 而且这非常困难.

因此,第一场战斗是在Cognito用户通过AWS API Gateway发出请求时,弄清楚如何获取IdentityId.最后我得到了解决方案,现在我有一个Cognito用户,他向API网关发出请求,而我后面的Lambda函数现在有了IdentityId.那一点有效.

但我完全不知道如何访问存储在用户池中的Cognito用户信息.我找不到任何明确的信息,当然也没有代码,它显示了如何使用IdentityId来获取Cognito用户的属性,用户名等.

看来,如果我使用"Cognito用户池"在API网关中授权我的方法,那么可以使用正文映射模板将Cognito用户信息(例如sub,用户名和电子邮件地址)放入上下文中,但我可以没有得到IdentityId.

但是如果我AWS_IAM在API网关中使用授权我的方法,那么身体映射模板会反过来 - 它为我提供了IdentityId而不是Cognito用户字段,例如sub和username以及email.

这让我发疯了 - 如何将IdentityId和所有Cognito用户字段和属性合并为一个数据结构?事实上,我似乎只能得到一个或另一个是没有意义的.

amazon-cognito aws-lambda aws-api-gateway

33
推荐指数
1
解决办法
6658
查看次数

Amazon Cognito"客户端尝试写未经授权的属性"

我正在使用适用于AWS Cognito的JavaScript SDK,并且有一些我似乎无法保存的自定义属性,无法查看原因.

问题属性是可变字符串字段,如下所示:

custom: role
custom: recruitingrole
custom: title
Run Code Online (Sandbox Code Playgroud)

同一请求中的其他自定义字段似乎更新确定.具体来说,这些似乎工作:

custom:division
custom:linkedin
custom:location
custom:bio
Run Code Online (Sandbox Code Playgroud)

当我通过SDK提交时,会返回:

{"__ type":"NotAuthorizedException","message":"客户端试图写未经授权的属性"}

以下是发送的数据,如Chrome开发人员控制台网络输出中所示:

{
    "AccessToken": "",
    "UserAttributes": [{
        "Name": "name",
        "Value": "Steve Austin"
    }, {
        "Name": "custom:company",
        "Value": "OSI"
    }, {
        "Name": "custom:division",
        "Value": "Bionics"
    }, {
        "Name": "custom:recruitingrole",
        "Value": "other"
    }, {
        "Name": "custom:linkedin",
        "Value": "http://www.linkedin.com"
    }, {
        "Name": "custom:location",
        "Value": "Mexico City, Mexico City, Mexico"
    }, {
        "Name": "custom:bio",
        "Value": "A man barely alive."
    }]
}
Run Code Online (Sandbox Code Playgroud)

任何人都可以建议我为什么不能保存这些属性?

谢谢

javascript amazon-web-services amazon-cognito

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

Node.js:编写干净简单的回调代码有哪些技巧?

node.js代码以变成回调意大利面而闻名.

有哪些最好的技术可以克服这个问题,并在node.js中编写干净,不复杂,易于理解的回调代码?

javascript node.js

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

Elasticsearch - 如何只返回数据,而不是元信息?

在进行搜索时,Elasticsearch返回包含各种元信息的数据结构.

实际结果集包含在从数据库返回的JSON结果中的"命中"字段中.

Elasticsearch是否可以仅返回所需数据("hits"字段的内容)而不嵌入所有其他元数据中?

我知道我可以将结果解析为JSON并提取它,但我不希望复杂性,麻烦,性能受到影响.

谢谢!

以下是Elasticsearch返回的数据结构示例.

{
    "_shards":{
        "total" : 5,
        "successful" : 5,
        "failed" : 0
    },
    "hits":{
        "total" : 1,
        "hits" : [
            {
                "_index" : "twitter",
                "_type" : "tweet",
                "_id" : "1", 
                "_source" : {
                    "user" : "kimchy",
                    "postDate" : "2009-11-15T14:12:12",
                    "message" : "trying out Elastic Search"
                }
            }
        ]
    }
}
Run Code Online (Sandbox Code Playgroud)

elasticsearch

20
推荐指数
2
解决办法
8176
查看次数

在reactjs中,道具是通过值传递还是通过引用传递?

据我所知,如果我将父组件状态传递给子组件,那么该子组件将获得父组件的实时状态.

因此,在父母的状态中所做的改变也可以通过它出现的道具在孩子身上立即获得.

它是否正确?

reactjs

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