小编Squ*_*ler的帖子

部分Sass文件中的下划线

是否有必要使用.scss部分文件以下划线开头?文档指出partial应该以下划线开头,因为文件否则会编译为CSS文件.

但是我注意到gulp-sass将没有下划线的文件编译成一个完整的CSS文件就好了.

sass gulp-sass

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

Angular:日期过滤器添加时区,如何输出UTC?

我正在使用日期过滤器以某种格式呈现unix时间戳.我注意到过滤器将本地时区添加到输出中.

有没有办法简单地输出确切的时间戳,而不添加任何时区信息?

输入:

talk.content.date_and_time = 1400167800 
Run Code Online (Sandbox Code Playgroud)

(是05/15/14 @ 3:30:00 pm UTC)

码:

{{talk.content.date_and_time*1000 | date:'dd-M-yyyy H:mm Z'}}
Run Code Online (Sandbox Code Playgroud)

输出:

15-5-2014 17:30 +0200
Run Code Online (Sandbox Code Playgroud)

如何输出15:30而不是17:30?

datetime angularjs

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

Angular:ng-bind-html过滤掉ng-click?

我有一些html数据,我从一个json文件加载.

我在我的应用程序中使用ngSanitize并使用ng-bind-html显示此html数据.

现在我想从标准转换json blob中的任何链接

  • <a href="some_link">link</a>

至:

  • <a ng-click="GotoLink('some_link','_system')">link</a>.

所以我在json文件上做了一些regExp来转换链接,但是由于某些原因,ng-bind-html过滤了输出中的ng-click,我无法弄清楚原因.它是否应该这样做,如果是这样可以禁用此行为?

看看这个jsFiddle进行演示:http: //jsfiddle.net/7k8xJ/1/

有任何想法吗?

angularjs

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

Angular Bootstrap Modal让背景打开

我正在使用AngularUI在我的Angular 1.4应用程序中集成Bootstrap组件,例如Modals.

我在我的控制器中调用一个模态,如下所示:

var modalInstance = $modal.open({
  animation: true,
  templateUrl: '/static/templates/support-report-modal.html',
  controller: 'ModalInstanceCtrl'
});
Run Code Online (Sandbox Code Playgroud)

不幸的是,当我想通过使用以下方式关闭Modal时:

modalInstance.close();
Run Code Online (Sandbox Code Playgroud)

模态本身消失了,背景也逐渐消失,但它没有从DOM中删除,因此它覆盖了整个页面,使页面无响应.

当我检查时,我看到了这个:

在此输入图像描述

https://angular-ui.github.io/bootstrap/#/modal上的文档中的示例中,modal-open将从正文中删除该类,并modal-backdrop在关闭时从DOM中删除整个类.为什么模态逐渐消失,但在我的示例中没有从DOM中删除背景?

我已经检查了许多关于bootstrap Modals背景的其他问题,但我似乎无法弄清楚出了什么问题.

angularjs angular-ui angular-ui-bootstrap bootstrap-modal

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

AngularJS复选框动态ng-true-value表达式

我正在尝试为Angular建立一个日托价格计算器.

公司特许经营的每个地点每天都有单独的价格.所以我的想法是建立一个表单,首先是一个选择,允许您选择位置,然后是一系列日期复选框.

我在复选框中选择ng-true-value时遇到麻烦,从我的json文件中选择正确的价格.

更新:添加了Plunkr:http : //plnkr.co/edit/MDmrqaH1VzLBzjd5eHgT?p = preview

考虑以下代码:

        <p class="kind_section">Choose location</p>
        <select ng-model="formData.location" ng-options="location.title for location in data.bso"></select>

        <p class="kind_section">Select days</p>

        <input type="checkbox" ng-model="location.day.mon" ng-change="calculatePrice()" ng-true-value="{{data.bso[formData.location.ID].prices.monday}}" ng-false-value="0">Ma
        <input type="checkbox" ng-model="location.day.tue" ng-change="calculatePrice()" ng-true-value="{{data.bso[formData.location.ID].prices.tuesday}}" ng-false-value="0">Di<br />
        <input type="checkbox" ng-model="location.day.wed" ng-change="calculatePrice()" ng-true-value="{{data.bso[formData.location.ID].prices.wednesday}}" ng-false-value="0">Wo
        <input type="checkbox" ng-model="location.day.thu" ng-change="calculatePrice()" ng-true-value="{{data.bso[formData.location.ID].prices.thursday}}" ng-false-value="0">Do<br />
        <input type="checkbox" ng-model="location.day.fri" ng-change="calculatePrice()" ng-true-value="{{data.bso[formData.location.ID].prices.friday}}" ng-false-value="0">Vr
Run Code Online (Sandbox Code Playgroud)

首先,select使用位置ID设置formData,然后我想使用此ID选择匹配位置的日期价格并将其设置为ng-true-value.

我正在使用ng-true-value="{{data.bso[formData.location.ID].prices.monday}}"这个.这不起作用.

当我手动设置ID时ng-true-value="{{data.bso[0].prices.monday}}"它会起作用.为什么选择的结果不被ng-true-value选中?

这是我的json文件:

  $scope.data = {
                "bso": [
                  {
                    "ID": 0,
                    "title": "Locatie 1",
                    "prices": {
                        "monday": 130,
                        "tuesday": …
Run Code Online (Sandbox Code Playgroud)

javascript checkbox json angularjs

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

AngularJS并在控制器中获取窗口滚动位置

我在理解如何在我的控制器中获取窗口的滚动位置时遇到一些麻烦,因此我可以围绕它构建逻辑.

从我一直在阅读的所有问题和答案中,最常被接受的答案似乎是编写一个计算滚动位置的指令,将该指令粘贴在一个元素上,就是这样.

但是,当你想要做的事情是:

if (scrollY > 100 ){
  $scope.showMenu = true;
}

if (scrollY > 500) {
  $scope.showFooter = true;
}
Run Code Online (Sandbox Code Playgroud)

这种方法似乎不起作用,因为无法从控制器访问指令中的计算位置.什么是正确的'Angular'方式,这仍然允许从控制器执行稍微复杂的逻辑?

javascript scroll angularjs

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

将字节数组输出转换为 Blob 会损坏文件

我正在使用 Office Javascript API 来使用 Angular 编写 Word 插件。

我想通过 API 检索 Word 文档,然后将其转换为文件并通过 POST 上传到服务器。

我使用的代码与 Microsoft 为此用例提供的文档代码几乎相同:https ://dev.office.com/reference/add-ins/shared/document.getfileasync#example---get-a-办公室文档开放 xml 压缩格式

服务器端点要求通过多部分表单进行上传,因此我在创建 $http 调用时创建一个 FormData 对象,在该对象上附加文件(blob)以及一些元数据。

文件正在传输到服务器,但是当我打开它时,它已损坏,并且无法再用 Word 打开。

根据文档,Office.context.document.getFileAsync 函数返回一个字节数组。但是,生成的 fileContent 变量是一个字符串。当我 console.log 这个字符串时,它似乎是压缩数据,就像它应该的那样。

我的猜测是,在将字符串转换为 Blob 之前,我需要进行一些预处理。但是哪个预处理呢?通过 atob 进行 Base64 编码似乎没有做任何事情。

let sendFile = (fileContent) => {

  let blob = new Blob([fileContent], {
      type: 'application/vnd.openxmlformats-officedocument.wordprocessingml.document'
    }),
    fd = new FormData();

  blob.lastModifiedDate = new Date();

  fd.append('file', blob, 'uploaded_file_test403.docx');
  fd.append('case_id', caseIdReducer.data());

  $http.post('/file/create', fd, {
      transformRequest: angular.identity,
      headers: {
        'Content-Type': …
Run Code Online (Sandbox Code Playgroud)

javascript ms-word ms-office angularjs

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

用 PHP 中的 HTML 编号实体计算字符串的长度

我想用 PHP 计算字符串的长度。该字符串包含 HTML 实体编号,这会增加计算的字符数:&#8211;当我只想将其计为 1 时,破折号计为 7。

如何将 html 编号的实体转换为特殊字符仅计算长度为 1 的形式?

示例字符串:

Goth-Trad &#8211; &#8216;Cosmos&#8217;
Run Code Online (Sandbox Code Playgroud)

编码:

$string = html_entity_decode('Goth-Trad &#8211; &#8216;Cosmos&#8217;');
    echo strlen($string);
Run Code Online (Sandbox Code Playgroud)

生成 '38',当我在寻找 '20' 时。出了什么问题?

php strlen html-entities

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

Mediaelement.js Flash后备无法正常工作

我正在使用Mediaelement.js在页面上包含视频.

它可以在http://badlands777.com/test/找到

我可以很好地在Chrome和Safari中使用该视频.但是,Firefox的Flash后备似乎没有起作用.

具体来说,当我右键单击Flash播放器时,它会显示"未加载电影".我已经检查了播放器和视频文件的路径,它们都是正确的.

这是我正在使用的代码:

<object style="border: solid 1px #fff;" width="320" height="240" type="application/x-shockwave-flash" data="http://badlands777.com/js/flashmediaelement.swf">
    <param name="movie" value="http://badlands777.com/js/flashmediaelement.swf" />
    <param name="flashvars" value="controls=false&amp;file=http://badlands777.com/wp-content/uploads/2012/08/flamesintro_v02.mp4" />
    <!-- Image as a last resort -->
    <img src="myvideo.jpg" width="320" height="240" title="No video playback capabilities" />
</object>
Run Code Online (Sandbox Code Playgroud)

<script>
MediaElement('player1', {success: function(me) {    
    me.play();
}});
</script>
Run Code Online (Sandbox Code Playgroud)

flash mediaelement.js

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

Angular:过滤器中的无限摘要循环

我正在编写一个自定义角度过滤器,随机大写传递给它的输入.

这是代码:

angular.module('textFilters', []).filter('goBananas', function() {
  return function(input) {

    var str = input;
    var strlen = str.length;

    while(strlen--) if(Math.round(Math.random())) {
      str = str.substr(0,strlen) + str.charAt(strlen).toUpperCase() + str.substr(strlen+1);
    }

    return str;
  };
});
Run Code Online (Sandbox Code Playgroud)

我这样称呼它是这样的:

    <a class='menu_button_news menu_button' ng-href='#/news'>
        {{"News" | goBananas}}
    </a>
Run Code Online (Sandbox Code Playgroud)

它可以工作,但在我的控制台中我看到了一个rootScope:infdig(无限摘要)循环.

我很难理解为什么会这样,以及我可以做些什么来解决它.如果我理解正确,这是因为此函数调用了超过5个摘要动作.但输入只被过滤器调用一次,对吧?

任何帮助赞赏.

angularjs

5
推荐指数
2
解决办法
3611
查看次数