小编Mar*_*man的帖子

我正在尝试写一个联系表格,但我的标签宽度不是强制在Firefox或Chrome中 - IE似乎工作正常(一次).这是我的HTML

 <form name="" id="" action="" method="post">

            <div id="my_form">

                <div>
                    <label for="username">Username:</label>
                    <input type="text" name="username" id="username" />
                </div>
            <div>
<form>

这是我的CSS

#my_form div label{width:200px;display:inline-block;}

任何想法如何强制标签宽度,他们似乎崩溃

我创建了一个Angular Directive,它使用CSS选择器自动修剪我的应用程序中的输入,它看起来像......

import { Directive, HostListener, forwardRef } from '@angular/core';
import { DefaultValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';

export const TRIM_VALUE_ACCESSOR: any = {
  provide: NG_VALUE_ACCESSOR,
  useExisting: forwardRef(() => TrimInputDirective),
  multi: true
};

/**
 * The trim accessor for writing trimmed value and listening to changes that is
 * used by the {@link NgModel}, {@link FormControlDirective}, and
 * {@link FormControlName} directives.
 */
/* tslint:disable */
@Directive({
  selector: `
    input
    :not([type=checkbox])
    :not([type=radio])
    :not([type=password])
    :not([readonly])
    :not(.ng-trim-ignore)
    [formControlName],

    input
    :not([type=checkbox])
    :not([type=radio])
    :not([type=password])
    :not([readonly])
    :not(.ng-trim-ignore) …

我有以下 HTML

            <div>
                <label for="username">Username:</label>
                <input type="text" name="username" id="username" />
                <span>some text here</span>
            </div>

现在我已经很容易地使用 getElementById 在 javaScript 中引用了输入“用户名”，但我需要（通过 javascript）定位与输入关联的标签文本，我在想这样的事情：

document.getElement(thisName).parent.getElementsByTagName('label')[0].innerHTML;

任何帮助表示赞赏

我刚刚升级了我的Angular2应用程序以使用Angular2-rc-4并且在通过控制台进行一些修改后我的IDE(IntelliJ)告诉我provide关键字是折旧的？该关键字现在有一个删除线,当悬停时,我会收到消息"使用过的弃用符号,请参阅文档以获得更好的替代".好吧,我想,但是我没有看到或读到任何关于这个的是发行说明？

所以在我的测试中,我有以下......

beforeEachProviders(() => [
    provideRouter(routes, MockLocationStrategy),
    MyTestComponent,
    provide(APP_BASE_HREF, {useValue : '/' }),
    provide(ContentService, {useClass: MockContentService})
]);

我查看了发行说明并将其更改为以下内容

beforeEach(() => addProviders([
        provideRouter(routes, SpyLocation),
        MyTestComponent,
        provide(APP_BASE_HREF, {useValue : '/' }),
        provide(ContentService, {useClass: MockContentService})
    ]));

有谁知道我应该或我应该如何取代我的provide陈述？

今天早上我玩了一会儿，我认为做一些愚蠢的事情并尝试使用这样的东西在该页面上写下页面的所有标记名会很有趣

var elements = document.getElementsByTagName("*");

for(var element in elements) {

document.write(element.tagName + "<br />");

}

然而，所有被写入的都是未定义的。为什么是这样？哦，我正在使用 Firefox。

我只是在编写一个简单的 Angular 实验，但出现以下错误……Property 'subscribe' does not exist on type '() => Observable<any>'我正在尝试通过服务将数据文件中的静态 json 数据加载到组件中。我不确定为什么会发生这种情况，因为我之前已经做过很多次了，这是我的 Angular 服务...

@Injectable({
    providedIn: 'root'
})
export class DashboardService {

    constructor(private http: HttpClient) {
   }

    public getDashboardData(): Observable<any> {
        return this.http.get('../../data/dashboard-data.json');
    }
}

没什么奇怪的……现在让我们看看我的组件

@Component({
  selector: 'app-dashboard',
  templateUrl: './dashboard.component.html',
  styleUrls: ['./dashboard.component.scss']
})
export class DashboardComponent implements OnInit {

  constructor(private dashboardService: DashboardService) { }

  ngOnInit() {
    this.dashboardService.getDashboardData.subscribe((result) => {
      console.log(result);
    });
  }
}

我看不出有什么问题？我以前已经这样做过很多次了。静态文件中的 JSON 是有效的并且是 linted。我一定错过了一些非常简单的东西，但我无法理解或看到我做错了什么。任何建议表示赞赏。

在.NET中你有<%=或<%:在PHP中echo,但JavaScript有简写document.write()吗？

谢谢

标记

我只是回想起过去使用VBScript的好时光(过去好几天？!？!？我在想什么？),我记得在数组中使用了两个非常有用的方法,分别是UBound和LBound.现在我不认为JavaScript有这些,如果我想自己做我可以扩展对象但是,我只是尝试这样做以返回上限项(或数组的最后一项)

var myArray = ['1','2','3','4','5','6','seven', 8, 'nine','10'];
document.write(myArray.length + ' ' + myArray[myArray.length]);

在myArray.length返回它应该然而,当我尝试使用输出中的最后一项myArray[myArray.length],我得到undefined？有谁知道这是为什么？

谢谢

我想知道是否有人可以解决这个问题,因为我现在已经尝试了40分钟,这应该不会那么困难.

我有一些嵌套的div像这样:

<div>
<div>
Some info - <a href='#' class='slick-toggle'>[more info]</a>
    <div class='slickbox'>
        <div>
        More Content...
            <a href='#' class='slick-toggle2'>see full XML reply</a><br />
            <div class='slickbox2'>
                    <div class='xmlOutput'>
                       more content from XML source
                    </div>
            </div>
        </div>
    </div>
</div>

现在我想要发生的是当点击类"光滑切换"的链接时,带有"slickbox"类的Div被隐藏或显示.在这个Div中,我点击了这个类"slick-toggle2"的其他链接我想要隐藏或显示类"slickbox2"的div(当页面被加载时,这两个div都被隐藏).因此,如果正在显示"光滑切换",您只能切换"slick-toggle2".这应该很简单,但是切换仅适用于第一个DIV.任何人都可以看到我的jQuery有什么问题

  $(document).ready(function() {

        $('.slickbox').hide();
        $('.slickbox2').hide();

        $('a.slick-toggle2').click(function() {

             $(this).next("div.slickbox2").toggle(400);
            return false;
        });

        $('a.slick-toggle').click(function() {

            $(this).next("div.slickbox").toggle(400);
            return false;
        });

    });

任何人都可以看到我哪里错了？我想我生气了？

请注意,我从代码中的超链接中取出了A,因为它被阻止了？