小编vis*_* kv的帖子

如何使用jquery或javascript在onclick案例中执行Onclick Button show和Hide?

我点击时使用手风琴来关闭和打开内容.

它有一个条形部分,点击后,下面的内容将显示如下例子:http://jeevanscientific.com/resources.html

我需要在每个栏的右侧添加一个向上按钮/向下按钮.
点击特定栏后,只有该栏显示向下按钮.就像按钮点击隐藏和显示向下和向上按钮一样.

问题是我使用foreach来显示项目.我该如何实现这种情况?

这是我的HTML:

foreach (var i in footerPage.StaticPagePersons)
{
    <H1>@Html.Raw(@i.Type) </H1>
    <div class="accordion" id="accordion2">
        <div class="accordion-group">
            <div class="accordion-heading datalist" id="" data-toggle="collapse" data-parent="#accordion2" href="#@i.Id">
                <i class="fa fa-chevron-down table-middle" aria-hidden="true"></i>
                <i class="fa fa-chevron-up table-middle" aria-hidden="true"></i>
                <h1 class="accordion-toggle table-middle">
                    @Html.Raw(@i.Name)
                </h1>
            </div>
            <div id="@i.Id" class="accordion-body collapse out">
                <div class="accordion-inner">
                    <img ng-src="@i.ImagePath" alt="logo" class="img-thumbnail img-wrap content-image" />
                    <h1>@Html.Raw(@i.Name)</h1>
                    <h3>@Html.Raw(@i.Title)</h3>
                    <br />
                    @Html.Raw(@i.BioDetail)
                </div>
            </div>
        </div>
    </div>
}
Run Code Online (Sandbox Code Playgroud)

澄清

每个标签的右侧..这是要求...点击时应显示按钮,否则按下按钮

javascript css jquery razor twitter-bootstrap

14
推荐指数
3
解决办法
1402
查看次数

如何从组件打开 ng-template 模态?

我有一个用 ng-template 包裹的模态,

<ng-template #template>
  <div class="modal-header">
    <h4 class="modal-title pull-left">Modal for user id : {{ modalService.config.initialState.id }}</h4>
    <button type="button" class="close pull-right" aria-label="Close" (click)="modalRef.hide()">
      <span aria-hidden="true">&times;</span>
    </button>
  </div>
  <div class="modal-body">
    This is a modal.
  </div>
</ng-template>
Run Code Online (Sandbox Code Playgroud)

我有一个按钮可以打开这个模式,例如

<button type="button" class="btn btn-primary" (click)="openModal(template)">Create template modal</button>

openModal(template: TemplateRef<any>) {
    const user = {
        id: 10
      };
    this.modalRef = this.modalService.show(template, {
      initialState : user
    });
}
Run Code Online (Sandbox Code Playgroud)

当我将模板作为参数传递时,这将起作用。

如何在不传递参数的情况下打开此模式?就这样吧,我没有按钮,我想在 ngOninit 上打开模式。怎么可能呢?

堆栈位块传送

typescript angular

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

如何设置输入类型=数字的最大长度?

我有一个文本字段.

<input type="number" min="0" max="999">
Run Code Online (Sandbox Code Playgroud)

但我可以在文本框中输入尽可能多的数字.

当我设置max = 999时,我不希望发生这种情况.有谁知道这个的解决方案?我曾尝试ng-maxlengthmaxlength,但不起作用.

html javascript angularjs

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

文本框中的建议可能吗?

我有一个带文本类型的输入框:

<input type="text></input>
Run Code Online (Sandbox Code Playgroud)

我有一个名单:

 $scope.employees = [{
    name: "vishnu"
 }, {
    name: "seenu"
 }];
Run Code Online (Sandbox Code Playgroud)

现在让它只有2.当我输入时v,它应该显示vishnu为建议.当我输入se, it should showseenu`作为建议.怎么能实现这一目标?

javascript angularjs ionic-framework

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

如何将几个按钮与响应式设计联机?

我有几个按钮

  <button ng-repeat="a in graphdata" class="inline">
Run Code Online (Sandbox Code Playgroud)

我需要将所有这些按钮对齐,并且所有按钮都应该是可见的,并且应该在添加新按钮时调整其宽度.按钮应相互连接.

html css

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

如何在wix中设置注册表值?

我正在尝试为我的 WiX 中的安装位置设置注册表值。我想在本地机器/软件中设置密钥,所以我使用了以下 WiX 文件。我没有收到任何构建错误,一切正常,但未设置注册表值。

 <Wix xmlns="http://schemas.microsoft.com/wix/2006/wi">

     <?define engage.client.app_TargetDir=$(var.engage.client.app.TargetDir)?>
     <Product Id="*" Name="EngageSetupCreator" Language="1033" Version="1.0.0.0" Manufacturer="KrimzenInc" UpgradeCode="PUT-GUID-HERE">
       <Package InstallerVersion="200" Compressed="yes" InstallScope="perMachine" InstallPrivileges="elevated" AdminImage="yes" />

       <MajorUpgrade DowngradeErrorMessage="A newer version of [ProductName] is already installed." />
       <MediaTemplate />

      <Feature Id="ProductFeature" Title="EngageSetupCreator" Level="1">
        <ComponentGroupRef Id="ProductComponents" />
        <ComponentGroupRef Id="ProductComponents2" />
        <ComponentRef Id="InstallRegistryComponent"/>
        <!--<ComponentGroupRef Id="Assets"/>-->
      </Feature>
     </Product>
     <Fragment>
      <SetDirectory Id="INSTALLFOLDER" Value="[WindowsVolume]Engage" />
       <Directory Id="TARGETDIR" Name="SourceDir">
        <Directory Id="WINDOWSVOLUME">
         <Directory Id="SUB_FOLDER" Name="Engage">
          <Directory Id="INSTALLFOLDER" Name="EngageSetupCreator" >
            <Component Id="InstallRegistryComponent" Guid="*">
             <RegistryKey Id='ChessInfoBarInstallDir' Root='HKLM' Key='Software\Crimson\Engage' Action='createAndRemoveOnUninstall' >
              <RegistryValue Type='string' Name='InstallDir' …
Run Code Online (Sandbox Code Playgroud)

windows-installer wix

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

如何在离子的当前页面上重叠侧面菜单?

默认情况下,单击侧面菜单按钮时,离子侧面菜单会按下当前页面.但我需要在大多数应用程序中重叠当前页面上的侧边菜单.怎么做?我应该在哪里更改代码?只需考虑离子的默认侧面菜单模板.

   <ion-side-menus enable-menu-with-back-views="false">
     <ion-side-menu-content>
    <ion-nav-bar class="bar-positive bar-blue">
     <ion-nav-back-button></ion-nav-back-button>
  <ion-nav-buttons side="left">
     <button class="button button-icon button-clear ion-navicon" menu-toggle="left"></button>
      </ion-nav-buttons>
       <ion-nav-buttons side="right">
       <a menu-close href="#/app/playlists" class="cancelbutton">
          <button class="button button-icon button-clear " ng-hide=cancelflag>cancel</button>
         </a>
         </ion-nav-buttons>
       </ion-nav-bar>
        <ion-nav-view name="menuContent"animation="fade-in-out"></ion-nav-view>
         </ion-side-menu-content>

    <ion-side-menu side="left">
<ion-header-bar class="bar-positive bar-image sidemenu-header">
  <h1 class="title title-left">{{currentuser}}</h1>
</ion-header-bar>
<ion-content>
  <ion-list>
    <!-- <ion-item menu-close href="#/testing">
      testinglogin
    </ion-item> -->
            <ion-item menu-close href="#/app/home" ng-show=adminflag>
      <label class="item-input labelclearpadding">
        <i class="icon paddingicon"><img src="img/user.png" alt="" class="placeholder dateicon"/></i>
        all details
      </label>
    </ion-item>
  </ion-list>
  <ion-list>
               </ion-list>
   </ion-content>
  </ion-side-menu>
  </ion-side-menus>
Run Code Online (Sandbox Code Playgroud)

ionic-framework

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