小编sis*_*imh的帖子

ES6导出默认功能

我可以为每个文件导出多个函数吗?看起来当我这样做时,第二个功能是第一个功能,

例如:在my index.js文件中:

export default function aFnt(){
    console.log("function a");
}
export default function bFnt(){
    console.log("function b");
}
Run Code Online (Sandbox Code Playgroud)

然后当我在我的文件中导入它时:

import aFnt from "./index";

console.log("aFnt : ",aFnt);
Run Code Online (Sandbox Code Playgroud)

console.log的结果是bFnt

究竟是什么情况呢?我是否必须为每个功能创建一个新文件?这不是很实用,任何解决方案或解决方法?

javascript ecmascript-6 babeljs

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

使用ReactJS的工具提示div

目的

我有一个div,我想用反应器做一个工具提示.

HTML

<div>on hover here we will show the tooltip</div>
<div>
    <div class="tooltip_custom">this is the tooltip!!</div>
</div>
Run Code Online (Sandbox Code Playgroud)

我习惯使用ng-show带有条件的angularjs <div>,我想知道在reactjs中是否有这样的绑定,或者我怎么能做这个功能?

谢谢

html javascript reactjs

13
推荐指数
5
解决办法
4万
查看次数

使用ngDialog确认模态

我在我的应用程序中使用ngDialog并且我想创建一个通用的确认模式,我可以在需要时使用它,确认消息将会有所不同.

我的问题:

1-创建一个带有ngDialog功能的指令是一个好主意,它的设计是什么?

2- ngDialog代码中confirm()和openConfirm()的区别是什么.

提前致谢

angularjs ng-dialog

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

与zoom-to-include-markers ="true"一起使用时,ng-map默认缩放太大了

我正在尝试使用地图,当我只有一个标记并且zoom-to-include-markers ="true"时,我正面临着这种情况,结果是无论我如何设置,地图都会放大zoom属性的结果如下所示: 在此输入图像描述

虽然我想要的第一个渲染应该看起来像这样:

在此输入图像描述

这是我的代码:

<ng-map
        ng-if="items"
        zoom="5"
        map-type-id="ROADMAP"
        pan-control="false"
        street-view-control="true"
        street-view-control-options="{position: 'RIGHT_BOTTOM'}"
        map-type-control="false"
        zoom-control="true"
        zoom-control-options="{style:'BIG', position: 'RIGHT_BOTTOM'}"
        scale-control="true"
        default-style="true"
        zoom-to-include-markers="true"
        class="map">

    <marker on-click="" data-ng-repeat="item in items" position="{{[item.latitude, item.longitude]}}">
    </marker>

</ng-map>
Run Code Online (Sandbox Code Playgroud)

我试图调整zoom属性,但它没有对地图结果进行任何更改.

更新:

使用js中的setZoom()函数更改缩放是这样做的,有没有办法根据地图的值计算合适的缩放?

谢谢

javascript google-maps angularjs angularjs-directive ng-map

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

方法发布时$ http服务缓存

当我将$ http设置为缓存请求时,我仍然看到从浏览器网络发送到服务器的重复请求(具有相同的URL和相同的数据),

$http.post(url, data, {cache:true} ).success(function(response) {
Run Code Online (Sandbox Code Playgroud)

我有以下问题:

  • 这是正确的行为吗?
  • 我们可以缓存帖子请求吗?
  • 这是正确的方法,还是应该使用$ cachefactory手动完成?

angularjs angular-http

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

index.html 中的条件视口元标记

我有一个带有两个子模块的 angular 模块,一个用于用户,另一个用于管理员。当然他们共享同一个index.html文件。

在我的用户模块中,我希望<meta name="viewport" content="width=device-width, initial-scale=1"><head></head>标签中有index.html

虽然我希望它在我的管理模块中被删除,并且只拥有手机的桌面视图。

我厌倦了在 admin first 组件构造函数中执行此操作:

import { Meta } from '@angular/platform-browser';
this.meta.removeTag('name="viewport"'); 
Run Code Online (Sandbox Code Playgroud)

标签正在被删除,但那是在应用程序开始呈现并存在此元标签之后,因为它在其中,index.html所以它不会给出所需的结果

有什么建议实际上有条件地添加这个元吗?困难的部分是它应该在 index.html 的头部。

viewport meta-tags typescript angular angular5

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

将$ http注入指令控制器

我试图将$ http注入指令控制器,如下所示:

JS

app.direcitve('customDirecitve',function(){
     return : 'E',
     scope : {
         url : "@",
         urlParams : "@"
     } ,
     controller  : ['$scope', '$http', function($scope, $element, $attrs, $transclude,$http) { 
         $http.post($scope.url,$scope.urlParams).success(function (data) {  

         });
    ]};        
});
Run Code Online (Sandbox Code Playgroud)

这次注射有什么问题?

angularjs angularjs-directive

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

ui-select 搜索特定对象属性

ui-select我可以在对象的特定字段中过滤搜索吗?或者我应该创建一个自定义过滤器?我看过这个答案,它说它有效,但我的以下代码不起作用:

<ui-select ng-model="model.selected">
    <ui-select-match>
        <span class="ng-cloak">{{$select.selected.id ? $select.selected.id+ ' (' + $select.selected.sn + ') ' : "Select One" }}</span>
    </ui-select-match>
    <ui-select-choices repeat="item in items | filter: {id: $select.search.id, sn: $select.search.sn}">
        <span ng-bind="(item.id) + ' (' + (item.sn)  + ') ' "></span>
    </ui-select-choices>
</ui-select>
Run Code Online (Sandbox Code Playgroud)

angularjs angular-filters ui-select

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