小编RIY*_*HAN的帖子

angularJS使用有角度的谷歌地图找到位置/地名

我想找到location name哪个用户在地图上选择.目前我正在获得经纬度.但无法获得位置名称.

我正在使用angularJSangular-google-maps 2.1.5.

这是html.

<ui-gmap-google-map center="map.center" zoom="map.zoom" draggable="true" options="options" events="map.events">

</ui-gmap-google-map>
Run Code Online (Sandbox Code Playgroud)

JS:

$scope.map = {
      center: {
        latitude: 21.0000,
        longitude: 78.0000
      },
      zoom: 4,
      events: {
        click: function(mapModel, eventName, originalEventArgs,ok) {
          var e = originalEventArgs[0]; 

            objOneDevice.dev_latitude = e.latLng.lat();
            objOneDevice.dev_longitude = e.latLng.lng();

            $scope.templatedInfoWindow.show = true;

        }
      }
    };
    $scope.options = {
      scrollwheel: true
    };
Run Code Online (Sandbox Code Playgroud)

任何事情都表示赞赏.

javascript html5 google-maps geolocation angularjs

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

在React中确认窗口

我有以下代码:

renderPosts() {
return _.map(this.state.catalogue, (catalogue, key) => {
  return (
    <div className="item col-md-3" key={key} id={key}>
        <img src={this.state.catalogue[key].avatarURL} height={150} with={150}/>
        <h3>{catalogue.marque}</h3>
        <h4>{catalogue.numero}</h4>
        <h4>{catalogue.reference}</h4>
        <p>{catalogue.cote}</p>
        <div className="text-center">
        <button className="btn btn-danger" onClick={() => {if(window.confirm('Delete the item?')){this.removeToCollection.bind(this, key)};}}>Supprimer</button>
        </div>

    </div>
  )
 })
}
Run Code Online (Sandbox Code Playgroud)

我也有这个功能:

removeToCollection(key, e) {

  const item = key;
  firebase.database().ref(`catalogue/${item}`).remove();
 }
Run Code Online (Sandbox Code Playgroud)

当我在“ onclick”按钮中使用没有确认窗口的功能时,代码会很好用。但是,当我要使用确认窗口时,单击我的按钮时会显示确认窗口,但是我的项目没有被删除。

任何的想法 ?

感谢您的帮助 !

javascript confirm firebase reactjs firebase-realtime-database

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

JavaScript切换奇怪的行为

我有以下代码片段.

var caseObj = function () {

}

switch (typeof caseObj) {

    case "function":
        console.log("it is function");

    case "object":

        console.log("It is object now");
}
Run Code Online (Sandbox Code Playgroud)

它的输出是

it is function.
It is object now.
Run Code Online (Sandbox Code Playgroud)

但是typeof caseObj给出输出function但它仍然评估 案例"对象"的情况.

怎么可能?我做错了吗?

编辑:

typeof caseObj给予function,所以它执行该案件,但它也执行object案件.为什么这种奇怪的行为?

javascript function switch-statement

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

为什么我的节点服务器处理请求两次?

我有以下简单的节点服务器.

const http = require('http');

http.createServer(function(req, resp) {

    console.log("request arrived.")
    resp.writeHead(200, { 'Content-Type': 'application/json' });
    resp.end("Hello world!!");

}).listen(3000);
Run Code Online (Sandbox Code Playgroud)

每当我使用url命中请求时 http://localhost:3000/,它会打印 request arrived两次消息.

我不知道,究竟是什么原因.有些人请解释一下.

我附上了截图. 在此输入图像描述

javascript node.js

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

jquery console.log并提醒不同的值

我真的不能理解javascript.也许有人可以解释我的区别:

validationErrors[value.element.name] = value.method;
console.log(validationErrors);
alert(validationErrors);
Run Code Online (Sandbox Code Playgroud)

console.log(validationErrors)返回带有值的格式良好的数组,并alert(validationErrors)返回空数组.为什么?

javascript

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

ng-if only 第一个指令与自关闭标签一起使用

我是角度新手,所以这可能不是最好的方法。随着我了解更多,我可能会重做大部分已经做过的事情。

我正在使用 url 路由,ngRoute它工作得很好。在其中一个页面中,我有许多 ng-include 模板 - 再次,一切都很好。

在其中一个ng-include模板中,我使用两个directives来显示模板。

<provider-search providers="practiceData.providers" states="ref.states" specialties="ref.specialties" status="updateSearchStatus" ng-show="searchStatus == 1"/>
<search-list status="updateSearchStatus" addp="addProvider" providers="searchResults" ng-if="searchStatus == 2" />
Run Code Online (Sandbox Code Playgroud)

每个指令都使用独立的作用域和控制器。问题是只有第一个指令有效。如果我切换顺序,则第二个指令(现在如果是第一个位置)将起作用。简而言之,只有首先列出的指令才有效。

任何帮助表示赞赏。

directive angularjs angularjs-directive angular-ng-if

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

JavaScript中的关键值对

我有一个字符串数组数组,['one','two',three']并希望将其转换为键值对,使其看起来像(第一个元素是键,最后一个元素是值):

{
  one:'three'
}
Run Code Online (Sandbox Code Playgroud)

这是我得到了多远:

function t(array) {
var key = array[0];
return {key:array[array.length-1]}
}
Run Code Online (Sandbox Code Playgroud)

输出:

{ key: 'three' }
Run Code Online (Sandbox Code Playgroud)

值正确但键未正确显示.

javascript javascript-objects

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

将事件和道具从孩子传递给父母以做出反应

我已经开始将一些代码拆分为多个presentational/container组件,并且我想在child/presentational组件中调用一个函数,然后将事件和某种道具传递回父级。

上级:

class Parent extends Component{
    constructor(props) {
        super(props);
        this.state = {}
        this.reroll = this.reroll.bind(this);
    }

    test(key, e){
        console.log(key, e)
    }
    render() {
        return <Child test={()=>this.test} />
    }
}
Run Code Online (Sandbox Code Playgroud)

儿童:

var Child = () => {
    return ( 
        <select onChange={props.test('test-key')}>
            <option value='1'> Option 1 </option>
            //etc...
        </select>
    )
}
Run Code Online (Sandbox Code Playgroud)

通常,当我将代码全部放在一个地方时,我会像这样编写onChange函数。

<select onChange={props.test.bind(this, 'test-key')}>
Run Code Online (Sandbox Code Playgroud)

但是将其绑定在子代中将使其不再起作用。传递给此函数的其他道具都不会返回给父对象。有什么办法可以写成这样,以便我可以取回“测试键”?

javascript reactjs

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

如何在课后只选择第一个元素?

我有一个下拉菜单.我希望它是动态的,所以我只能告诉它li(在nav)中它是一个下拉列表,然后给它一个列表,然后是下拉内容.问题是,当您单击.dropdown类的链接时,它会显示该类的所有元素.dropdown-content.想知道智能选择器在这里有用吗?

我的HTML:

    <li><a class="dropdown" href="#">Gallery</a>
        <ul class="dropdown-content">
            <li><a  href="#">Photos on me</a></li>
            <li><a  href="#">Photos of me</a></li>
            <li><a  href="#">Photos with me</a></li>
        </ul>
    </li>
    <li><a class="dropdown" href="#">Blog</a>
        <ul class="dropdown-content">
            <li><a  href="#">Photos on me</a></li>
            <li><a  href="#">Photos of me</a></li>
            <li><a  href="#">Photos with me</a></li>
        </ul>
    </li>
Run Code Online (Sandbox Code Playgroud)

我的js:

var main = function() {
    $('.dropdown').click(function(){
        $('.dropdown + .dropdown-content').toggle(200);
    });
}
Run Code Online (Sandbox Code Playgroud)

html javascript jquery

0
推荐指数
1
解决办法
108
查看次数