【问题标题】:Adding tooltip at input, angular js在输入时添加工具提示,角度 js
【发布时间】:2017-01-26 18:59:13
【问题描述】:

我有以下问题:我有一个输入字段,但它只能在没有工具提示的情况下工作,而我得到未定义的工具提示。

HTML:

<input type="text" ng-model="DiskPermissions" class="col-md-3 m-x-auto" tooltip='Permissions "Disk"'>
<input type="text" ng-model="DiskPermissions" class="col-md-3 m-x-auto">

控制器:

var diskToAdd={ size: $scope.DiskSizeGB , mountepoint:'/appl/' + $scope.MountPoint , permissions: $scope.DiskPermissions , options: $scope.DiskOptions , owner: $scope.DiskOwner , filesystemType: $scope.DiskFilesystemtype , diskPart: ''};

【问题讨论】:

  • tooltip 指令吗?
  • 欢迎来到 SO!您可以通过缩进四个空格来格式化您的代码,或者只需选择它并单击{} 按钮。
  • 我不确定什么是工具提示(如果它是您自己的指令或 tierce js lib),但您可以添加模块“ui.bootstrap”,它提供了非常好的工具提示并将其与这些一起使用指令:tooltip-placement="top-right" uib-tooltip="我是一个工具提示"

标签: javascript html angularjs


【解决方案1】:

你可以试试matTooltip

<input type="text" ng-model="DiskPermissions" class="col-md-3 m-x-auto" matTooltip='Permissions "Disk"'>

【讨论】:

    【解决方案2】:

    属性不叫tooltip,叫title

    <input type="text" ng-model="DiskPermissions" class="col-md-3 m-x-auto" title='Permissions "Disk"'>
    

    【讨论】:

    • 在我的页面上它被称为工具提示
    • 那么它是一个指令吗?
    • 它的 html 工具提示属性。如果我有工具提示属性,我可以看到它,这样就可以了,但是如果我使用工具提示,ng-model 是未定义的;(
    • 据我所知,没有“HTML tooltip 属性”之类的东西。用于显示工具提示的属性is called title.
    • 嗯好的,现在我得到你的第一个答案。我会用标题试试看。
    猜你喜欢
    • 2017-09-09
    • 2013-10-29
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多