小编Muk*_*Ram的帖子

Angularjs-读取更多自定义指令不适用于ng-bind-html指令

这些是我的自定义指令,用于读取更多和to_trusted(用于转换为html).

psp.directive('hmRead', function () {
    return {
        restrict:'AE',
        scope:{
            hmtext : '@',
            hmlimit : '@',
            hmfulltext:'@',
            hmMoreText:'@',
            hmLessText:'@',
            hmMoreClass:'@',
            hmLessClass:'@'
        },
        templateUrl: 'partials/common/read-more.html',
        controller : function($scope){
              $scope.toggleValue=function(){

                    if($scope.hmfulltext == true)
                        $scope.hmfulltext=false;
                    else if($scope.hmfulltext == false)
                        $scope.hmfulltext=true;
                    else
                        $scope.hmfulltext=true;
              }        
        }
    };
});

psp.filter('to_trusted', ['$sce', function($sce){
        return function(text) {
            return $sce.trustAsHtml(text);
        };
    }]);
Run Code Online (Sandbox Code Playgroud)

用html调用.

 <hm-read hmtext="{{data.content}}" ng-bind-html="data.content| to_trusted" hmlimit="100" hm-more-text="read more" hm-less-text="read less"></hm-read>
Run Code Online (Sandbox Code Playgroud)

如果iI删除ng-bind-html然后阅读更多工作正常但ng-bind-html指令readmore指令不起作用.

html javascript angularjs

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

Angular 4无法绑定到'formGroup',因为它不是'form'的已知属性

我是使用Angular 4的新手.我正在尝试在角度4中练习模型驱动的表单,但它不断得到这个错误.

模板解析错误:无法绑定到'formGroup',因为它不是'form'的已知属性.("] [formGroup] ="form"(ngSubmit)="onSubmit(form.value)">"):ng:///ComponentsModule/AdsComponent.html@71:38错误:模板解析错误:无法绑定'formGroup',因为它不是'form'的已知属性.("] [formGroup] ="form"(ngSubmit)="onSubmit(form.value)">

我试着搜索它如何解决的问题.大多数情况下,解决方案是在模块中导入ReactiveFormsModule.这是我的component.ts中的代码

import { Component, Input, OnChanges, SimpleChange } from '@angular/core';
import { FormGroup, FormControl, ReactiveFormsModule } from '@angular/forms';

import { HttpClient, HttpErrorResponse } from '@angular/common/http';                                                                                                                                                           


@Component({
  templateUrl: 'ads.component.html'
})
export class AdsComponent {
    form;
    ngOnInit() {
        this.form = new FormGroup({
            ads_name: new FormControl("Hello Ads!")
        });
    } 

  constructor(
    private http: HttpClient
    ) {

   }

   onSubmit = function(user) {
        console.log(user);
   }

}
Run Code Online (Sandbox Code Playgroud)

这是我的component.html中的代码

<form class="form-horizontal" [formGroup] = "form" (ngSubmit)="onSubmit(form.value)">
   <div class="form-group row">
       <label class="col-md-3 form-control-label" …
Run Code Online (Sandbox Code Playgroud)

html javascript typescript angular

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

如何修复Atom中的erb标签,从需要空格到tab-complete?

直到大约2个版本的Atom之前,做h={tab}自动完成h<%= %>.显然现在仍然会发生这种情况,但由于某种原因,需要"="在空间之后.例:

hello={tab}

不自动完成

hello<%= %>

这是所需的语法.相反,你必须这样做

hello ={tab} => hello <%= %>

然后单击/箭头并删除空格.这非常烦人.我已经进入了片段,假设这只是一个拼写错误,并且"="意外地被一个空间所占据.但是,据我所知,Snippet写得正确,这只是一个错误?有人知道解决这个问题的方法吗?

为了澄清,大多数其他片段没有任何问题可以解决任何角色.它似乎只是={tab}/ -{tab}.

html ruby-on-rails atom-editor

6
推荐指数
0
解决办法
300
查看次数

Dropzone在jquery选项卡中不起作用

我试图在jquery选项卡中使用dropzone.

在正由标签包括我称为文件dropzone.min.js,dropzone.min.css,basic.min.css.我复制了你的表格代码.

我得到正常的文件输入而不是drop zone选项.在萤火虫中,我确实看到了dropzone.min.js它被召唤.

在一个独立的html文件上尝试相同的代码,一切都很好,除了我没有得到你的风格的事实.

这不适用于标签内吗?对我没有意义.

html javascript css jquery dropzone.js

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

复制到 IE9、IE11 和 Safari 的剪贴板选项

我正在尝试在网页上实现复制到剪贴板按钮。下面是我写的代码

function copyToClipboard(element) {
   var $temp = $("<input>");
   $("body").append($temp);
   $temp.val($(element).text()).select();
   document.execCommand("copy");
   $temp.remove();
}
Run Code Online (Sandbox Code Playgroud)
   <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js">
   </script>

   <p id="p1">Text1</p>
   <p id="p2">Text2</p>
   <button onclick="copyToClipboard('#p1')">Copy Text1</button>
   <button onclick="copyToClipboard('#p2')">Copy Text2</button>
   <br/><br/>
   <input type="text" placeholder="Paste here for test" /> 
Run Code Online (Sandbox Code Playgroud)

但是,这似乎不适用于IE 9、11Safari。是否有任何更改/替代实现我可以用来在我的网页上实现它。

html javascript safari internet-explorer cross-browser

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

在jspdf中找到文本的高度

代码:

 var doc = new jsPDF('p', 'mm', [300, 210]);
 doc.fromHTML(text, 15, 15, {
        'width': 175, 
 });

 doc.text(10, HEIGHT, 'What should be height so it does not overlap with previous text');
Run Code Online (Sandbox Code Playgroud)

这是我的代码,但两个文本相互重叠?有什么方法可以知道 HEIGHT 的值(知道前面的文本在哪里结束)以使两个不重叠?text html 不是静态的,它会改变。

html javascript jquery pdf-generation jspdf

5
推荐指数
0
解决办法
856
查看次数

在SVG元素中的圆上检测touchmove

我制作了一个显示SVG元素(嵌入HTML)的网站,并希望允许用户<circle>通过用鼠标或手指在其上拖动来连接其中的点(元素)。

通过监听mousedownmouseover事件并向lineSVG中添加元素,可以在桌面上完美地工作。

我加了听众touchstarttouchmovetouchendtouchcancel,但我遇到了问题。似乎touchmove从来没有在Android手机上的Google Chrome和Android平板电脑上的Google Chrome上触发过,只有当我松开手指时才会触发。

编辑:这是我的小提琴代码:http : //jsfiddle.net/s5vcfzbq/您可以用鼠标从一个圆圈拖动到另一个圆圈来连接它们,但是在触摸屏上不起作用。

html javascript svg touchscreen

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

SVG - 从 &lt;image&gt; 标签获取像素颜色?

是否可以从 SVG 中获取颜色甚至像素信息?

<svg id="ledse"  viewBox="0 0 100 100" width="100%" height="100%"  xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" > 
   <image xlink:href="test.jpg" x="0" y="0" height="50px" width="50px"/>
</svg>
Run Code Online (Sandbox Code Playgroud)

这是我想要做的:

在此处输入图片说明

在图像下我有黑点。我需要从那些在点上的方块上给它涂上颜色。知道如何在 SVG 中做到这一点吗?

html javascript jquery svg

5
推荐指数
0
解决办法
1506
查看次数

Xml到html使用VS Projects的检查代码的xslt

我有一个InspectionResults.xml当我运行它获取产生inspectcode.exeJetbrainsCommandLine Tool Analysis.是否有任何xslt文件Jetbrains将此xml转换为html.我能够转换DuplicateReport.xmlhtml使用xslt他们提供的.Jetbrains是否为此转换提供了一个.如果没有,请帮助我.

我的xml文件如下:

<?xml version="1.0" encoding="utf-8"?>
<!-- Generated by JetBrains Inspect Code 9.1 -->
<Report ToolsVersion="102.0">
<Information>
<Solution>Server\Server.sln</Solution>
<InspectionScope>
 <Element>Solution</Element>
</InspectionScope>
</Information>
<IssueTypes>
<IssueType Id="ArrangeStaticMemberQualifier" Category="Code Style" Description="Add/remove qualifier for static members" Severity="WARNING" />
<IssueType Id="ArrangeThisQualifier" Category="Code Style" Description="Add/remove 'this.' qualifier" Severity="WARNING" />
 <IssueType Id="CSharpErrors" Category="C# Compiler Errors" Description="" Severity="ERROR" />
 </IssueTypes>

  <Issues>
  <Project Name="Common">
  <Issue TypeId="RedundantUsingDirective" File="Common\AdapterAuthorizationException.cs" Offset="15-48" Line="2" Message="Using directive is …
Run Code Online (Sandbox Code Playgroud)

html xml xslt

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

打印页面预览时,内容在页脚上重叠

我试图实现一些代码,这些代码将在我的所有网页上创建页眉和页脚,但内容在页脚上重叠.

我的样式表:

 <style>

    @media print
    {

        #Header
        {
            display: block;
            position: fixed;
            top: 0pt;
            left: 0pt;
            right: 0pt;
            font-size: 200%;
        }

        #Footer
        {
            display: block;
            position: fixed;
            bottom: 0pt;
            left: 0pt;
            right: 0pt;
            font-size: 200%;
            page-break-before: always;
        }

        #form
        {
            display: block;
            position: relative;
            top: 0.5in;
            left: 0pt;
            bottom: 0.5in;
            right: 0pt;
        }

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

我的内容,内容和页脚div在内容中插入超过A4尺寸的行以打破打印预览中的页面.

 <div class="wordcontent">
    <div class="" style="height: 0.5in;" contenteditable="true" id="Header">
        HEADER
    </div>
    <div id="form" name="formDiv" contenteditable="true" style="min-height: 10in;">
     content more then 500 lines
    </div>
    <div class="" …
Run Code Online (Sandbox Code Playgroud)

html css jquery

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