小编R3t*_*tep的帖子

带有默认选项的Angular指令

我刚开始使用angularjs,我正在努力将一些旧的JQuery插件转换为Angular指令.我想为my(element)指令定义一组默认选项,可以通过在属性中指定选项值来覆盖它.

我已经浏览了其他人的方式,在angular-ui库中,ui.bootstrap.pagination似乎做了类似的事情.

首先,所有默认选项都在常量对象中定义:

.constant('paginationConfig', {
  itemsPerPage: 10,
  boundaryLinks: false,
  ...
})
Run Code Online (Sandbox Code Playgroud)

然后将getAttributeValue实用程序函数附加到指令控制器:

this.getAttributeValue = function(attribute, defaultValue, interpolate) {
    return (angular.isDefined(attribute) ?
            (interpolate ? $interpolate(attribute)($scope.$parent) :
                           $scope.$parent.$eval(attribute)) : defaultValue);
};
Run Code Online (Sandbox Code Playgroud)

最后,这在链接函数中用于读入属性

.directive('pagination', ['$parse', 'paginationConfig', function($parse, config) {
    ...
    controller: 'PaginationController',
    link: function(scope, element, attrs, paginationCtrl) {
        var boundaryLinks = paginationCtrl.getAttributeValue(attrs.boundaryLinks,  config.boundaryLinks);
        var firstText = paginationCtrl.getAttributeValue(attrs.firstText, config.firstText, true);
        ...
    }
});
Run Code Online (Sandbox Code Playgroud)

对于想要替换一组默认值的标准内容,这似乎是一个相当复杂的设置.还有其他方法可以做到这一点吗?或者getAttributeValue以这种方式总是定义一个实用程序函数(如和解析选项)是否正常?我很想知道人们对这项共同任务采取了哪些不同的策略.

另外,作为奖励,我不清楚为什么interpolate需要这个参数.

javascript options default-value angularjs angularjs-directive

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

如何在HighCharts上绘制垂直线?

我想跟踪当天的垂直时间线,但我没有在HighCharts文档中找到解决方案.

像这样 :

在此输入图像描述

highcharts

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

为什么边界崩溃在html2pdf中不起作用?

我想用html表创建一个pdf,如: tableEx

所以,我创建了这个html:

<table style="width: 100%; border:2px solid; border-collapse: collapse; padding: 0; margin: 0;">
    <tr style="border-bottom: 1px solid;">
        <th style="border-left: 1px solid; width: 60%;">Ref produit</th>
        <th style="border-left: 1px solid; width: 10%;">Taille</th>
        <th style="border-left: 1px solid; width: 10%;">Quantit?</th>
        <th style="border-left: 1px solid; width: 10%;">Prix net HT</th>
        <th style="border-left: 1px solid; width: 10%;">Montant HT</th>
    </tr>
    <tr>
        <td style="border-left: 1px solid;">BAL100</td>
        <td style="border-left: 1px solid; text-align: center;">S</td>
        <td style="border-left: 1px solid; text-align: center;">20</td>
        <td style="border-left: 1px solid; text-align: center;">22.00</td>
        <td style="border-left: 1px solid; text-align: …
Run Code Online (Sandbox Code Playgroud)

html css php pdf-generation html2pdf

21
推荐指数
2
解决办法
7250
查看次数

Momentjs:如何防止"无效日期"?

我有以下代码:

var fomattedDate = moment(myDate).format("L");
Run Code Online (Sandbox Code Playgroud)

有时moment(myDate).format("L")返回"无效日期",我想知道是否有办法防止这种情况并返回一个空字符串.

javascript invalidation momentjs

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

聪明的连接

我想用字符串分配从这两个变量的串联中获得的值.

{assign var="url" value="{$WS_PATH}aircraft_images/{$images[i].image}"}
Run Code Online (Sandbox Code Playgroud)

请让我知道我们如何才能聪明地做到这一点.

smarty

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

AngularJS:如何在过滤器中使用$ http

我想在过滤器中向后端请求并返回我的请求结果.问题是服务$ http返回一个承诺,这是问题.

目前这个问题我使用了$ timeout和我小提琴中有角度的承诺: 我的小提琴

在我的过滤器中,我使用带有promise的$ timeout,但最终目标是使用请求http:

myApp.filter('filterHello', function ($http,$timeout,$q) {
return function (company_id) {
    console.log("in the filter");
    var deferred = $q.defer();   
    $timeout(function() {
        deferred.resolve("ca marche");
    }, 2000);                  
    return deferred.promise;
};
Run Code Online (Sandbox Code Playgroud)

});

然后在我的视图中,我使用我的过滤器,假设显示"ca marche",延迟2秒,但这不起作用:

<div ng-controller="MyCtrl">
   {{hello|filterHello}}
</div>
Run Code Online (Sandbox Code Playgroud)

您可以看到过滤器没有返回任何内容,并且由于我认为的null承诺,过滤器中存在无限循环.

如果您不明白我为什么要在过滤器中使用请求http,答案很简单.例如,我有一个对象用户的字段:email,name,company_id ..我还有一个其他对象公司的字段:name,createOn,...我想使用这样的过滤器来显示名称用户的公司:

{{user.company_id | ShowNameCompany}}

所以,我需要在过滤器中向我的后端公司控制器请求http.

我希望有一个人可以帮助我.

angularjs

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

Highcharts:更改柱形图的不透明度

使用高图时,我需要在堆栈图表中更改列的不透明度.因为我需要透明

<script type="text/javascript">
    $(function () {
        $('#trend').highcharts({
            chart: {
                type: 'column'
            },
            title: {
                text: 'Weight Oscillation Projection'
            },
            xAxis: {
                categories: ['1st Week', '2nd Week', '3rd Week', '4th Week', '5th Week', '6th Week']
            },
            yAxis: {
                title: {
                    text: 'Weight (Kg)'
                },
                stackLabels: {
                    enabled: false,                    
                }
            },
            legend: {
                enabled: false,  
            },
            tooltip: {
                enabled: false,
            },
            plotOptions: {
                column: {
                    stacking: 'normal',
                    dataLabels: {
                        enabled: false,                        
                    }
                },                    
            },
            series: [{
                name: 'Jane',
                data: [2, 2, 3, …
Run Code Online (Sandbox Code Playgroud)

javascript css highcharts

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

svnrdump dump和svnadmin dump之间的区别

我需要转储svn存储库.我发现了两个解决方案

svnrdump dump

svnadmin dump

svnrdump dump是一样的svnadmin dump吗?

如果没有,这两个命令之间有什么区别?

svn dump svnadmin svndump

14
推荐指数
2
解决办法
7509
查看次数

何时在C++中初始化"this"指针?

嗨我有一个关于this指针的问题,当一个对象被构造时,它何时被初始化?这意味着什么时候可以使用它?虚构表是在构造函数中构造的,与this指针一样吗?

例如,我有一个像这样的代码.输出是8.是否意味着在输入构造函数之前,this指针已经初始化了?

class A{
   public:
     A() { cout<<sizeof(*this);}
     int i;
     int *p; 
};

int main() {      
    A a; 
}
Run Code Online (Sandbox Code Playgroud)

如果是,那么在输入构造函数之前还会发生什么?

如果不是,this指针何时初始化?

c++

12
推荐指数
2
解决办法
5705
查看次数

如何根据对象中的值显示/隐藏ng-repeat中的元素?Angularjs

好的,我正在试图弄清楚如何根据值显示列表中每个项目的各种动作按钮item.Status.例如:我想,如果只显示编辑按钮item.Status'New'.解决这个问题的最佳方法是什么?

此外,解决方案需要能够支持多个值.例如,"删除"按钮仅显示'New''Completed',但不显示'In Progress'.

这可以通过ng-show完成吗?

<ul class="sidebar-list">
    <li class="list-item" ng-repeat="item in requestslist.value | filter:searchText | orderBy:'Modified':true">
        <div class="list-item-info">
            <ul id="" class="list-inline clearfix">
                <li class=""><span id="" class="">#{{item.Id}}</span></li>
                <li class=""><span id="" class="bold">{{item.RecipientName}}</span></li>
                <li class=""><span id="" class="">{{item.RecipientCompany}}</span></li>
            </ul>
            <ul id="" class="list-inline clearfix">
                <li class=""><span id="" class="label label-primary">{{item.Status}}</span></li>
            </ul>
        </div>
        <div class="list-item-actions">
            <div class="btn-group">
                <button ng-click="doRemind()" type="button" class="btn btn-default btn-sm"><span class="glyphicon glyphicon-bullhorn"></span>&nbsp;Remind</button>
                <button ng-click="doView()" type="button" class="btn btn-default btn-sm"><span class="glyphicon glyphicon-eye-open"></span>&nbsp;View</button>
                <button ng-click="doEdit(item)" type="button" …
Run Code Online (Sandbox Code Playgroud)

javascript json angularjs

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