javascript - how to add ellipsis to a String inside button angularjs -


i know how add ellipsis string inside button in given plunkr example. button width should 50px.

https://plnkr.co/edit/7puz8a52fqs3ix9n4zx0?p=preview

html:

<html>    <head>      <script src="angular.min.js"></script>            <script src="script.js"></script>      <link rel="stylesheet" href="tree.css"/>      <link rel="stylesheet" href="font-awesome.min.css"/>      <link rel="stylesheet" href="bootstrap.min.css" />    </head>    <body data-ng-app="testapp" data-ng-controller="button">            <hr>      <button type="button" class="btn btn-success" data-dismiss="modal" data-ng-click="save()">savefilter</button>      <button type="button" class="btn btn-default" data-dismiss="modal" data-ng-click="delete()">delete</button>            <button ng-repeat="name in listofsystems" style="border-radius: 25px; outline-color:#fff;" type="button" class="btn btn-default" id="{{name.name}}" ng-click="addsystemsbutton($event,$index)">{{name.name}}   +</button>            <hr>      <p><strong>selected systems</strong></p>      <button ng-repeat="name in listofsystemsadded" style="border-radius: 25px; outline-color:#fff;" type="button" class="btn btn-default" ng-click="removeselectedsystemsbutton($index)">{{name.name}}    x</button>           </body>  </html>

 <html>     <head>     <script src="angular.min.js"></script>      <script src="script.js"></script>     <link rel="stylesheet" href="tree.css"/>     <link rel="stylesheet" href="font-awesome.min.css"/>     <link rel="stylesheet" href="bootstrap.min.css" />     </head>     <body data-ng-app="testapp" data-ng-controller="button">      <hr>     <button type="button" class="btn btn-success" data-dismiss="modal" data-ng-click="save()">savefilter</button>     <button class="chipbtn" type="button" class="btn btn-default" data-dismiss="modal" data-ng-click="delete()">delete</button>      <button ng-repeat="name in listofsystems" style="border-radius: 25px; outline-color:#fff;" type="button" class="btn btn-default" id="{{name.name}}" ng-click="addsystemsbutton($event,$index)"><span style="width: 100px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display: inline-block;">{{name.name}} </span>    <span style="color:red;vertical-align: top;">+</span></button>      <hr>     <p><strong>selected systems</strong></p>     <button ng-repeat="name in listofsystemsadded" style="border-radius: 25px; outline-color:#fff;" type="button" class="btn btn-default" ng-click="removeselectedsystemsbutton($index)"> <span style="width: 100px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display: inline-block;">{{name.name}} </span>  <span style="color:red;vertical-align: top;">+</span></button>       </body>     </html>

added plus symbol check demo here


-

Comments

Post a Comment

Popular posts from this blog

php - Permission denied. Laravel linux server -

when try register , send email user got error. working till yesterday. today gives me , cant figure out why. way on local testing work's. i'm stuck. please errorexception in compiled.php line 7512: file_put_contents(/var/www/html/storage/framework/views/53de219dee4f11a2db4f64a2c574ad02db5613f4.php): failed open stream: permission denied in compiled.php line 7512 @ handleexceptions->handleerror('2', 'file_put_contents(/var/www/html/storage/framework/views/53de219dee4f11a2db4f64a2c574ad02db5613f4.php): failed open stream: permission denied', '/var/www/html/bootstrap/cache/compiled.php', '7512', array('path' => '/var/www/html/storage/framework/views/53de219dee4f11a2db4f64a2c574ad02db5613f4.php', 'contents' => 'please activate account clicking on following link. <a href="<?php echo e(route('auth.activate', $token)); ?>"><?php echo e(route('auth.activate', $token)); ?...
Read more

google bigquery - Delta between query execution time and Java query call to finish -

context our container cluster located @ us-east1-c we using following java library: google-cloud-bigquery, 0.9.2-beta our dataset has around 26m rows , represents ~10g all of our queries return less 100 rows grouping on specific column question we analyzed last 100 queries executed in bigquery, these executed in 2-3 seconds (we analyzed calling bq --format=prettyjson show -j jobid , end time - creation time). in our java logs though, of calls bigquery.query blocking 5-6 seconds (and 10 seconds not out of ordinary). explain systematic gap between query finish in bigquery cluster , results being available in java? know 5-6 seconds isn't astronomic, curious see if normal behaviour when using java bigquery cloud library. i didn't dig point analyzed outbound call using wireshark. our tests executed in our container cluster (kubernetes). code queryrequest request = queryrequest.newbuilder(sql) .setmaxwaittime(30000l) .setuselega...
Read more

python - Pandas two dataframes multiplication? -

i have 2 data frames (a , b) a: column 1, column 2, column 3 0.1 0.5 0.7 b: row 1 5 row 2 6 row 3 7 how perform multiplication like (0.1)*5, (0.5)* 6, , (0.7)*7? in other words, how multiply value in first row of b value in first column of a, second row of b value in second column of b, , etc? you want multiply values without respect whether rows or columns. pd.series(a.values.ravel() * b.values.ravel()) 0 0.5 1 3.0 2 4.9 dtype: float64
Read more