我想找到location name哪个用户在地图上选择.目前我正在获得经纬度.但无法获得位置名称.
我正在使用angularJS和 angular-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)
任何事情都表示赞赏.
我有以下代码:
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
我有以下代码片段.
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案件.为什么这种奇怪的行为?
我有以下简单的节点服务器.
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.也许有人可以解释我的区别:
validationErrors[value.element.name] = value.method;
console.log(validationErrors);
alert(validationErrors);
Run Code Online (Sandbox Code Playgroud)
console.log(validationErrors)返回带有值的格式良好的数组,并alert(validationErrors)返回空数组.为什么?
我是角度新手,所以这可能不是最好的方法。随着我了解更多,我可能会重做大部分已经做过的事情。
我正在使用 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)
每个指令都使用独立的作用域和控制器。问题是只有第一个指令有效。如果我切换顺序,则第二个指令(现在如果是第一个位置)将起作用。简而言之,只有首先列出的指令才有效。
任何帮助表示赞赏。
我有一个字符串数组数组,['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)
值正确但键未正确显示.
我已经开始将一些代码拆分为多个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)
但是将其绑定在子代中将使其不再起作用。传递给此函数的其他道具都不会返回给父对象。有什么办法可以写成这样,以便我可以取回“测试键”?
我有一个下拉菜单.我希望它是动态的,所以我只能告诉它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) javascript ×8
angularjs ×2
reactjs ×2
confirm ×1
directive ×1
firebase ×1
function ×1
geolocation ×1
google-maps ×1
html ×1
html5 ×1
jquery ×1
node.js ×1