小编Cor*_*ius的帖子

如何在动态高度div中垂直居中显示文本?

<body>
    <div style="position:absolute; height:100%; width:100%;">
        <h1 style="text-align:center;">Text</h1>
    </div>
</body>
Run Code Online (Sandbox Code Playgroud)

无论div元素有多高,我怎样才能将div标签内的h1标签垂直居中?即如果用户更改其浏览器高度,我希望h1根据新高度在中心垂直对齐.

谢谢.

html css centering

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

Accordion Inside Accordion twitter bootstrap?

我正在尝试使用Twitter Bootstrap在另一支手风琴中实现手风琴.可能吗?如果是这样,那么请帮助我代码,因为我尝试实现它但我没有成功.

accordion twitter-bootstrap

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

Angular Translate HTML标签

我知道之前已经问过这个问题但是没有一个答案似乎适用于我的情况

我买了这个主题Angle,它正在使用Angular 1.4.2和Angular翻译2.6.0(甚至更新到2.7.2)

默认情况下,模板上有Translate模块

这是配置文件

  $translateProvider.useStaticFilesLoader({
      prefix : 'app/i18n/',
      suffix : '.json'
  });
  $translateProvider.preferredLanguage('es');
  $translateProvider.useLocalStorage();
  $translateProvider.usePostCompiling(true);
   // Enable escaping of HTML
  $translateProvider.useSanitizeValueStrategy('sanitize'); // I added this line based on Docs wasn't before
Run Code Online (Sandbox Code Playgroud)

并以JSON格式翻译文件

  {
   "page": {
    "PAGES_WELCOME" : "Welcome to <br> MY APPLICATION, HEY THERE IS A BR TAG BEFORE ME"
  },

  "login": {
    .
    .
    .
    .
  },
Run Code Online (Sandbox Code Playgroud)

但我无法在文本内部,JSON文件中添加HTML标记,而不是获取

欢迎来到我的APP

我越来越

欢迎来到我的APP

我怎样才能解决这个问题?

编辑

我不想删除标签,我的JSON文件被后端修改,它可以并且将包含HTML标签,我希望这些标签能够在输出上工作.

JADE示例内容具有约束力

div(class="col-lg-4 col-md-4 col-sm-4 col-xs-12 footer-left")
  p(class="text-center") 
    {{ 'page.PAGES_WELCOME' | translate }} 
Run Code Online (Sandbox Code Playgroud)

html javascript json angularjs angular-translate

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

如何为锚标签添加特定值?

我有以下代码

<a href="" (set value 1)>Inside Link which sets a value</a>

<script>
$(a).click(function() {
    i=value of a tag;
    $('#square').animate({'left': i * 360});
});

</script>
Run Code Online (Sandbox Code Playgroud)

我想为锚标签添加一个值属性.怎么做?

tags jquery href jquery-animate

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

bootstrap collapse:更改切换按钮图标和文本的显示

我正在使用Twitter Bootstrap来创建可折叠的文本部分.按下+按钮时,这些部分会展开.我的html代码如下:

演示链接

<div class="panel-group" id="accordion">
  <div class="panel panel-default">
    <div class="panel-heading">
      <h4 class="panel-title">
        <button type="button" class="btn btn-primary" data-toggle="collapse" data-target="#demo">
          <span class="glyphicon glyphicon-chevron-down"></span> Open
        </button>
      </h4>
    </div>
    <div id="demo" class="panel-collapse collapse in">
      <div class="panel-body">
        Contents:Thank you to help me solve the problem, you're a great guy!
      </div>
    </div>
  </div>
</div>
Run Code Online (Sandbox Code Playgroud)

后来,我需要更改文本,按钮图标并展开.

开了:

<button type="button" class="btn btn-primary" data-toggle="collapse" data-target="#demo">
  <span class="glyphicon glyphicon-chevron-up"></span> Close
</button>
Run Code Online (Sandbox Code Playgroud)

关闭:

<button type="button" class="btn btn-primary" data-toggle="collapse" data-target="#demo">
  <span class="glyphicon glyphicon-chevron-down"></span> Open
</button>
Run Code Online (Sandbox Code Playgroud)

collapse twitter-bootstrap twitter-bootstrap-3

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

将 ng-template 用于 ng-select 时,清除图标“x”丢失

对所选项目使用 ng-template 时。删除元素的“x”图标丢失了,关于使用 ng-template 的包的文档有点差,所以我一直在挖掘他们的来源,但没有运气。

我已经把这个stackblitz放在一起,所以你可以重现这个问题

HTML

<form>
  <ng-select 
  [items]="availableItems" 
  [multiple]="true" 
  [closeOnSelect]="false"
    [hideSelected]="true" 
  [searchable]="true" 
  placeholder="Choose an item" 
  [(ngModel)]="selectedItems"
     name="item">
        <ng-template ng-label-tmp let-item="item">
            <div>{{item.name}}</div>
        </ng-template>
        <ng-template ng-option-tmp let-item="item">
            <div>{{item.name}}</div>
        </ng-template>
    </ng-select>
</form>
Run Code Online (Sandbox Code Playgroud)

组件.ts

export class AppComponent {

  availableItems = [
    { id: 1, name: 'name 1', value: 'value 1' },
    { id: 2, name: 'name2', value: 'value 2' },
    { id: 3, name: 'name 3', value: 'value 3' },
    { id: 4, name: 'name 4', value: 'value 4' } …
Run Code Online (Sandbox Code Playgroud)

html javascript ng-template angular

9
推荐指数
1
解决办法
5185
查看次数

禁用除第一列以外的每个列的排序

我目前正在使用Datatables作为自定义系统,我想禁用每列但排序第一个.

我尝试使用以下代码,当我添加以逗号分隔的值时,工作正常

"aoColumnDefs": [
    { 'bSortable': false, 'aTargets': [ 1, 2, 3, 4 ] }
],
Run Code Online (Sandbox Code Playgroud)

但我的表列号因每个文件而异,所以我可以有3列或12列,我不想手动添加每个文件的值.

如果我添加的值多于我在一个文件中的列,我会收到以下错误,并执行停止

未捕获的TypeError:无法读取未定义的属性"className"

那么,有什么方法可以获得这些索引并将它们传递给函数?

谢谢!

javascript sorting jquery datatables

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

阻止浏览器记住凭据(密码)

是否可以在处理任何登录表单后阻止浏览器提供记住密码的选项?

我知道这里已被问到并回答,但到目前为止,没有一个答案有效,即使其中一个建议使用:

autocomplete="off"
Run Code Online (Sandbox Code Playgroud)

但这也行不通.

我正在使用AngularJS和Jade作为模板引擎(无论如何相关或不相关),有什么方法可以做到这一点吗?

javascript passwords privacy angularjs pug

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

在控制器中使用Angular转换,用于服务带来的数据

我有以下场景:

我有一个包含这种数据的JSON文件:

"IOS_TABLET_DOWNLOAD_URL": {
  "type": "string",
  "minLength": "5",
  "title": "IOS_TABLET_DOWNLOAD_URL",
  "description": "$filter('translate')('configuration.IOS_TABLET_DOWNLOAD_URL')"
},
Run Code Online (Sandbox Code Playgroud)

描述字段需要使用Angular Translate进行翻译,我正在将服务注入到我的控制器中

ConfigController.$inject = ['$scope', '$filter', '$compile', 'MyService'];
function ConfigController($scope, $filter, $compile, MyService) {

  // And using compile
  $scope.schema = elements; // Where element is the object from MyService
  $compile($scope.schema)($scope);

}
Run Code Online (Sandbox Code Playgroud)

但是,$ filter将作为视图中的描述进行未处理打印

"$过滤器( '翻译')( 'configuration.IOS_TABLET_DOWNLOAD_URL')"

编辑

我正在使用Angular Schema Form生成表单.所以基本上我在视图中有这样的东西

<div ng-controller="FormController">
   <form sf-schema="schema" sf-form="form" sf-model="model"></form>
</div>
Run Code Online (Sandbox Code Playgroud)

我该怎么做?

javascript json angularjs angular-translate angular-schema-form

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

Cropit如何在文件选择后调用或执行函数

嗨我正在使用以下插件 CropIt,为了处理我网站上的图像,在文档中有一个名为"onFileChange"的选项,但文档本身并没有真正帮助,我需要立即执行一个函数用户从对话框中选择图像.

由于图像总是在背景上加载,因此不确定如何使用它.

javascript jquery crop

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