- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我正在测试一个指令,该指令会在 200 个字符后 chop 文本。它改变了这一点:
<span mw-text-collapse="long text long text long text
long text long text long text long text long text long
text long text long text long text long text long text
long text long text long text long text long text long
text long text long text long text long text long text
long text long text long text long text long text long
text long text long text long text long text long text
long text long text long text long text long text long
text long text long text long text long text long text
long text long text long text long text long text long
text long text" class="ng-scope ng-isolate-scope"></span>
对此:
<span class="line-break ng-binding">
long text long text long text long text long
text long text long text long text long text
long text long text long text long text long
text long text long text long text long text
long text long text ...
</span>
<a ng-if="showButton" ng-click="toggleLength()" style="cursor: pointer" class="ng-binding ng-scope">
{{ showLessOrMore() | i18n }}
</a>
为了检查是否真的有 200 个字符我只需要选择 span 元素。我怎样才能做到这一点?我试过el.find('span')
但没有成功。
这是我的测试:
describe('mwTextCollapse', function () {
var longText = 'long text long text long text long text long text ' +
'long text long text long text long text long text long text long text ' +
'long text long text long text long text long text long text long text ' +
'long text long text long text long text long text long text long text ' +
'long text long text long text long text long text long text long text ' +
'long text long text long text long text long text long text long text ' +
'long text long text long text long text long text long text long text ' +
'long text long text long text long text long text long text long text';
fit('text should have a default length of 200 chars', function () {
var textCollapse = '<span mw-text-collapse="' + longText + '"></span>';
var el = $compile(textCollapse)(scope);
scope.$digest();
console.log(el.html());
});
});
要测试的指令:
.directive('mwTextCollapse', function ($filter) {
return {
restrict: 'A',
scope: {
mwTextCollapse: '@',
length: '=',
markdown: '='
},
templateUrl: 'modules/ui/templates/mwComponents/mwTextCollapse.html',
link: function (scope) {
// set default length
if( scope.length && typeof scope.length === 'number' ) {
scope.defaultLength = scope.length;
} else {
scope.defaultLength = 200;
}
// set start length for filter
scope.filterLength = scope.defaultLength;
// apply filter length to text
scope.text = function(){
return $filter('reduceStringTo')(
scope.mwTextCollapse, scope.filterLength
);
};
// show Button if text is longer than desired
scope.showButton = false;
if( scope.mwTextCollapse.length > scope.defaultLength ) {
scope.showButton = true;
}
// set button to "show more" or "show less"
scope.showLessOrMore = function () {
if( scope.filterLength === scope.defaultLength ){
return 'common.showMore';
} else {
return 'common.showLess';
}
};
// collapse/expand text by setting filter length
scope.toggleLength = function () {
if( scope.filterLength === scope.defaultLength ) {
delete scope.filterLength;
} else {
scope.filterLength = scope.defaultLength;
}
};
}
};
})
我尝试过 dfsq 解决方案:
fit('text should have a default length of 200 chars', function () {
var textCollapse = '<span mw-text-collapse="' + longText + '"></span>';
var el = $compile(textCollapse)(scope);
scope.$digest();
var span = angular.element(el[0]);
console.log(span.html());
});
仍然会产生 <a></a>
:(
INFO [PhantomJS 1.9.8 (Mac OS X 0.0.0)]: Connected on socket wIMQX3-7dA2T5nIr11PI with id 86239756
LOG: '<!-- ngIf: markdown -->
<!-- ngIf: !markdown --><div ng-if="!markdown" class="ng-scope">
<span class="line-break ng-binding">long text long text long text long text long text long text long text long text long text long text long text long text long text long text long text long text long text long text long text long text ...</span>
<!-- ngIf: showButton --><a ng-if="showButton" ng-click="toggleLength()" style="cursor: pointer" class="ng-binding ng-scope">{{ showLessOrMore() | i18n }}</a><!-- end ngIf: showButton -->
</div><!-- end ngIf: !markdown -->
'
编辑:明白了,正确的选择是
var span = angular.element(el[0].children[0].children[0]);
更好
var span = el.find('span').text();
最佳答案
由于指令编译结果为两个同级节点,因此您应该能够仅通过 0 索引获取跨度(它将是 HTMLSpanElement):
var textCollapse = '<span mw-text-collapse="' + longText + '"></span>';
var el = $compile(textCollapse)(scope);
scope.$digest();
var span = angular.element(el[0].children[0]);
var link = angular.element(el[0].children[1]);
console.log(span.html());
关于javascript - 选择<span> auf <span></span><a></a>,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30775477/
我在使用 docker 的空间时遇到问题。我有 /var/lib/docker/aufs/diff/e20ed0ec78d30267e8cf855c6311b02089b6086ea149c21997
我已经使用以下命令卸载了 docker sudo apt-get purge docker-engine sudo apt-get autoremove --purge docker-engine 上
我发现 aufs 或 tmpfs 可能存在内存泄漏问题。 我使用Linux内核2.6.16。它很旧,但我必须使用它。为了节省内存和磁盘空间,我使用aufs+squashfs。许多文件存储在squash
当我尝试通过以下方式安装 docker 时: curl -sSL https://get.docker.com/ | sh 我收到消息: Warning: current kernel is not
它的大小为 20G,包含大量的哈希值,如 00074a74d6cf2052eeb6a9e61bd2b407b464bce6a23a4596ce2e9100f58b6de6 . 这个“diff”文件夹是
有谁知道如何查找 AUFS diff 文件夹属于哪个 docker 容器、图像或卷? 我有一个像这样的遗留文件 /var/lib/docker/aufs/diff/d4f388f19d7b4e8e9e
我需要在运行时更改 ActionBarCompat 中菜单项的文本颜色。有什么办法吗? 最佳答案 尝试使用 spannable 字符串来更改菜单项的文本。这是供您引用的示例代码。 @Override
我正在测试一个指令,该指令会在 200 个字符后 chop 文本。它改变了这一点: 对此: long text long text long text long text long
在 ubuntu 上使用 vagrant ssh 进入我的 ec2 实例后,我尝试运行 sudo docker run -i -t ubuntu echo 'hello',但我收到此错误: 启动容器
Project Atomic 对 Docker 的描述 storage backends描述了 AUFS 和其他存储后端选择之间的技术差异,例如 devicemapper。 AUFS不在上游 Linu
公司的服务是用的docker ,发现磁盘man了,然后执行下面的命令就搞定了 1、创建脚本文件 ?
Docker 文件夹/var/lib/docker/aufs/diff 增长太多,我想将它移到另一个分区上。有没有办法配置 Docker 为这个 foder 使用另一个位置? 最佳答案 有一种简单的方
我在尝试构建 docker 文件时收到此错误 error creating aufs mount to /var/lib/docker/aufs/mnt /6c1b42ce1a98b1c0f2
我安装了 Docker。现在,当我的 Ubuntu 14.04 Trusty 系统尝试启动时,我收到以下消息 aufs au_opts_parse:1155:docker[2010] unknown
症状:无法启动任何容器 $ docker run continuumio/miniconda3 docker: Error response from daemon: mkdir /var/run/d
最新的计算引擎内核是 3.3.8 的变种,似乎没有配置 AUFS 支持。内核分布在主文件系统镜像之外(我使用的是默认的 Debian 镜像),没有出现 Debian 镜像将 AUFS 作为一个模块包含
自从我将 Xamarin Forms 项目更新到最新的 Android 库 25.1.1 后,由于此链接器错误,我无法再构建版本 >>1>The "LinkAssemblies" task faile
我有一个运行 Live USB 设备的 Ubuntu 安装程序。当我尝试运行和 Docker 运行命令时,出现以下错误:创建 aufs 挂载时出错:参数无效。这可能是由于使用实时启动引起的吗?有人对此
我正在尝试构建一个 Docker 虚拟机并不断收到此错误: error creating aufs mount to /var/lib/docker/aufs/mnt/15396ee0f38d1613
我有一个(大型)多维 xarray 数据数组或数据集,并且希望沿着 1D 路径选择或插入数据,而无需缓慢的 for 循环或列表理解(例如,在纬度和经度上定义了 2D 数据,我想沿着纬度和经度给定的路径
我是一名优秀的程序员,十分优秀!