AngularJS দিয়ে একটি স্ট্রিংয়ের দৈর্ঘ্য সীমাবদ্ধ করুন


225

আমার নিম্নলিখিতগুলি রয়েছে:

<div>{{modal.title}}</div>

এমন কোনও উপায় আছে যে আমি 20 টি অক্ষর বলার জন্য স্ট্রিংয়ের দৈর্ঘ্য সীমাবদ্ধ করতে পারি?

এবং আরও ভাল প্রশ্নটি হ'ল এমন কোনও উপায় আছে যে আমি স্ট্রিংটি কেটে ফেলার জন্য পরিবর্তন করতে পারি এবং ...শেষে দেখাতে যদি এটি 20 টিরও বেশি অক্ষর থাকে?


উত্তর:


344

AngularJSঅফার limitToফিল্টার এর সর্বশেষতম সংস্করণ সম্পাদনা করুন

আপনার এটির মতো কাস্টম ফিল্টার দরকার :

angular.module('ng').filter('cut', function () {
        return function (value, wordwise, max, tail) {
            if (!value) return '';

            max = parseInt(max, 10);
            if (!max) return value;
            if (value.length <= max) return value;

            value = value.substr(0, max);
            if (wordwise) {
                var lastspace = value.lastIndexOf(' ');
                if (lastspace !== -1) {
                  //Also remove . and , so its gives a cleaner result.
                  if (value.charAt(lastspace-1) === '.' || value.charAt(lastspace-1) === ',') {
                    lastspace = lastspace - 1;
                  }
                  value = value.substr(0, lastspace);
                }
            }

            return value + (tail || ' …');
        };
    });

ব্যবহার:

{{some_text | cut:true:100:' ...'}}

বিকল্প:

  • ওয়ার্ডওয়াইজ (বুলিয়ান) - যদি সত্য হয় তবে কেবল শব্দের সীমানায় কাটা,
  • সর্বাধিক (পূর্ণসংখ্যা) - পাঠ্যের সর্বাধিক দৈর্ঘ্য, এই সংখ্যার চরকে কাটা,
  • লেজ (স্ট্রিং, ডিফল্ট: '...') - স্ট্রিংটি কাটা থাকলে ইনপুট স্ট্রিংটিতে এই স্ট্রিংটি যুক্ত করুন।

আরেকটি সমাধান : http://ngmodules.org/modules/angularjs-truncate (@ এহভিন্স দ্বারা)


2
সেখানে কৌণিক-মডিউল একটি সমতুল্য আছে: ngmodules.org/modules/angularjs-truncate
Ehvince

Angularjs-truncate সমাধান নয়, তবে আপনার আইএস সমাধান। ধন্যবাদ! এটি মডিউল হিসাবে তৈরি করুন!
আন্তন বেসনভ

@ এপোক্ক ব্যবহারকারীদের তিনটি বিন্দুর উপর ক্লিক করার পরে সম্পূর্ণ শিরোনামের পাঠ্যটি দেখানোর উপায় আছে? একটি "আরও শো" পছন্দ? ধন্যবাদ!
থ্যালস পি

এটি ঠিক কাজ করে যখন আমরা এটি {{post.post_content এর মতো ব্যবহার করি কাটা: সত্য: 100: '...'}} তবে আমি যখন << span ng-bind-html = "trustHtml (post.post_content | কাট: সত্য: 100: '...')"> < / span> কারণ আমি এটি আমার ক্ষেত্রে বিশ্বস্ত এইচটিএমএল দিয়ে এটি ব্যবহার করতে বাধ্য
হচ্ছি

ওয়ার্ডওয়াইজ সীমাটি একটি দুর্দান্ত বৈশিষ্ট্য যা ডিফল্ট "সীমাবদ্ধতা" তে উপস্থিত নেই বলে মনে হয়
pdizz

496

এখানে সিএসএস ছাড়াই সহজ এক লাইন ফিক্স।

{{ myString | limitTo: 20 }}{{myString.length > 20 ? '...' : ''}}

79
সহজ এবং মার্জিত। পরিবর্তে '...'আপনি উপবৃত্তের জন্য এইচটিএমএল সত্তাও ব্যবহার করতে পারেন:'&hellip;'
টম হ্যারিসন

সম্ভবত সবচেয়ে বেদনাদায়ক সমাধান। তবুও মনে রাখবেন যে ফিল্টারগুলি তুলনামূলকভাবে ভারী এবং এতে বিশাল এনজি-রিপিট তালিকায় পারফরম্যান্সের সমস্যা থাকতে পারে! :)
কাউয়ান্ডো

1
অসাধারণ! বিভিন্ন চরিত্রের চেয়ে অনেকগুলি লাইনের পরে কাটার উপায় আছে কি?
9-22 এ axed

@ অ্যাক্সড আপনার সিএসএসে চেষ্টা করতে হবে বা এটি অর্জনের জন্য একটি নির্দেশিকা লিখতে হবে।
গোভান

1
এটি সেরা উত্তর। পারফরম্যান্স হিটটি যুক্তিসঙ্গত সংখ্যার এনজি-রিপিট সহ नगনীয় হওয়া উচিত। যদি আপনি শতগুলি এনজি-রিপিটকে এমন সামগ্রী সহ ফিরিয়ে আনেন যা ছিন্ন করা দরকার তবে ড্রইং বোর্ডে ফিরে যেতে হতে পারে। সুন্দর উত্তর, @ গোভান
এয়ারিয়র

59

আমি জানি এটি দেরি হয়ে গেছে, তবে অ্যাঙ্গুলারজগুলির সর্বশেষতম সংস্করণে (আমি 1.2.16 ব্যবহার করছি) সীমাটি ফিল্টার স্ট্রিং পাশাপাশি অ্যারে সমর্থন করে যাতে আপনি স্ট্রিংটির দৈর্ঘ্য সীমাবদ্ধ করতে পারেন:

{{ "My String Is Too Long" | limitTo: 9 }}

যা আউটপুট দেবে:

My String

9
এই সমাধানটি "..." অনুপস্থিত। ফলাফলটি হওয়া উচিত: "আমার স্ট্রিং ..."
স্নোবজর্ন

আমি এখানে উপবৃত্তগুলি দেখছি না: plnkr.co/edit/HyAejS2DY781bqcT0RgV?p= পূর্বরূপ দেখুন । তুমি কি বিস্তারিত বলতে পারো?
পাতলা

2
@ Snæbjørn যা বলছে তা হ'ল যে ব্যক্তি প্রশ্নটি জিজ্ঞাসা করেছিল সে সঙ্কুচিত স্ট্রিংয়ের শেষে "..." সন্নিবেশ করানো একটি সমাধান পছন্দ করে। গোবনের উত্তর তা করে।
নাহ্ন

@ এটি উল্লেখ করার জন্য ধন্যবাদ নয়। আমার সম্ভবত অন্য একটি উত্তরের পরিবর্তে এপোককের উত্তরে একটি মন্তব্য করা উচিত ছিল।
পাতলা

52

আপনি কেবল ডিভের জন্য একটি সিএসএস ক্লাস যুক্ত করতে পারেন এবং অ্যাংুলারজগুলির মাধ্যমে একটি সরঞ্জাম টিপ যোগ করতে পারেন যাতে ছাঁটা পাঠ্যটি মাউসের উপরে প্রদর্শিত হবে।

<div class="trim-info" tooltip="{{modal.title}}">{{modal.title}}</div>

   .trim-info {
      max-width: 50px;
      display: inline-block;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;  
      line-height: 15px;
      position: relative;
   }

4
পাঠ্য-ওভারফ্লো: উপবৃত্তাকার, দুর্দান্ত একটি।
ক্রিস রুশো

4
এই কৌশলটি দুর্দান্ত হলেও, পাঠ্য মোড়ানো থেকে বাধা দেয়
ল্যারি

এটা সঠিক উত্তর. আমার সাধারণ নিয়মটি হ'ল: "জাভাস্ক্রিপ্টে এমনটি করবেন না যা সিএসএসে করা যায়"।
امداد

4
এটি অনুচ্ছেদে প্রতি এক লাইন সহ পাঠ্যের জন্য কাজ করে। মাল্টলাইন সিএসএস-ট্রিক্স / লাইন- ক্ল্যাম্পিনের জন্য দেখুন (সমস্ত ব্রাউজারগুলি এটি সমর্থন করে না)।
রবার্ট

আপনি যদি অ্যারের দৈর্ঘ্য সীমাবদ্ধ করার চেষ্টা করছেন তবে এটিও কাজ করে ng-repeat
চেকেডা

27

আমারও একই সমস্যা ছিল, আমি এখানে যা করেছি:

{{ longString | limitTo: 20 }} {{longString.length < 20 ? '' : '...'}}

আমি লাইন বিরতি এড়াতে উভয় আউটপুটের মধ্যে সাদা স্থান সরিয়ে ফেলব
Ignacio Vazquez

21
< div >{{modal.title | limitTo:20}}...< / div>

সহজ পদ্ধতির, এখনও কার্যকর। তবে এটি ধরে নিয়েছে যে প্রতিটি শিরোনামে 20 টিরও বেশি অক্ষর থাকবে এবং এটি কিছু ক্ষেত্রে অপ্রত্যাশিত হতে পারে।
হেনরিক এম।

18

আরও মার্জিত সমাধান:

এইচটিএমএল:

<html ng-app="phoneCat">
  <body>
    {{ "AngularJS string limit example" | strLimit: 20 }}
  </body>
</html>

কৌনিক কোড:

 var phoneCat = angular.module('phoneCat', []);

 phoneCat.filter('strLimit', ['$filter', function($filter) {
   return function(input, limit) {
      if (! input) return;
      if (input.length <= limit) {
          return input;
      }

      return $filter('limitTo')(input, limit) + '...';
   };
}]);

ডেমো:

http://code-chunk.com/chunks/547bfb3f15aa1/str-limit-implementation-for-angularjs


inputমানটি গতিশীল হলে আমি কি কোনও রিটার্ন যুক্ত করার পরামর্শ দিতে পারি ? অর্থাৎ if (!input) {return;}অন্যথায় জেএস কনসোল ত্রুটি থাকবে
mcranston18

1
@ mcranston18 যোগ করেছেন ধন্যবাদ.
আনাম

15

যেহেতু যখন স্ট্রিংয়ের দৈর্ঘ্য সীমা ছাড়িয়ে যায় তখনই আমাদের উপবৃত্তির প্রয়োজন হয়, তাই ng-ifবাঁধাইয়ের চেয়ে ব্যবহার করে উপবৃত্ত যোগ করা আরও উপযুক্ত বলে মনে হয় ।

{{ longString | limitTo: 20 }}<span ng-if="longString.length > 20">&hellip;</span>

7

একটি বিকল্প আছে

.text {
            max-width: 140px;
            white-space: nowrap;
            overflow: hidden;
            padding: 5px;
            text-overflow: ellipsis;(...)
        }
<div class="text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Excepturi qui soluta labore! Facere nisi aperiam sequi dolores voluptatum delectus vel vero animi, commodi harum molestias deleniti, quasi nesciunt. Distinctio veniam minus ut vero rerum debitis placeat veritatis doloremque laborum optio, nemo quibusdam ad, sed cum quas maxime hic enim sint at quos cupiditate qui eius quam tempora. Ab sint in sunt consequuntur assumenda ratione voluptates dicta dolor aliquid at esse quaerat ea, veritatis reiciendis, labore repellendus rem optio debitis illum! Eos dignissimos, atque possimus, voluptatibus similique error. Perferendis error doloribus harum enim dolorem, suscipit unde vel, totam in quia mollitia.</div>


7

স্ট্রিংয়ের দৈর্ঘ্য সীমাবদ্ধ করার জন্য আমি সবচেয়ে সহজ সমাধানটি পেয়েছি{{ modal.title | slice:0:20 }} এবং তারপরে @ গোওয়ান থেকে ধার নেওয়া আপনি {{ modal.title.length > 20 ? '...' : ''}}স্ট্রিং পয়েন্ট যুক্ত করতে ব্যবহার করতে পারেন যদি স্ট্রিং 20 এর চেয়ে বেশি হয়, সুতরাং চূড়ান্ত ফলাফলটি কেবল:

{{ modal.title | slice:0:20 }}{{ modal.title.length > 20 ? '...' : ''}}

https://angular.io/docs/ts/latest/api/common/index/SlicePipe-pipe.html


4

কাটা পাঠ্যের জন্য এখানে একটি কাস্টম ফিল্টার। এটি এপোককের সমাধান দ্বারা অনুপ্রাণিত কিন্তু আমার প্রয়োজন এবং স্বাদগুলির জন্য পরিবর্তিত।

angular.module('app').filter('truncate', function () {

    return function (content, maxCharacters) {

        if (content == null) return "";

        content = "" + content;

        content = content.trim();

        if (content.length <= maxCharacters) return content;

        content = content.substring(0, maxCharacters);

        var lastSpace = content.lastIndexOf(" ");

        if (lastSpace > -1) content = content.substr(0, lastSpace);

        return content + '...';
    };
});

এবং এখানে ইউনিট পরীক্ষাগুলি রয়েছে যাতে আপনি দেখতে পাবেন যে এটির আচরণ কেমন হওয়ার কথা:

describe('truncate filter', function () {

    var truncate,
        unfiltered = " one two three four ";

    beforeEach(function () {

        module('app');

        inject(function ($filter) {

            truncate = $filter('truncate');
        });
    });

    it('should be defined', function () {

        expect(truncate).to.be.ok;
    });

    it('should return an object', function () {

        expect(truncate(unfiltered, 0)).to.be.ok;
    });

    it('should remove leading and trailing whitespace', function () {

        expect(truncate(unfiltered, 100)).to.equal("one two three four");
    });

    it('should truncate to length and add an ellipsis', function () {

        expect(truncate(unfiltered, 3)).to.equal("one...");
    });

    it('should round to word boundaries', function () {

        expect(truncate(unfiltered, 10)).to.equal("one two...");
    });

    it('should split a word to avoid returning an empty string', function () {

        expect(truncate(unfiltered, 2)).to.equal("on...");
    });

    it('should tolerate non string inputs', function () {

        expect(truncate(434578932, 4)).to.equal("4345...");
    });

    it('should tolerate falsey inputs', function () {

        expect(truncate(0, 4)).to.equal("0");

        expect(truncate(false, 4)).to.equal("fals...");
    });
});

3

আপনি একটি ফিল্টার ব্যবহার করে স্ট্রিং বা অ্যারের দৈর্ঘ্য সীমাবদ্ধ করতে পারেন। অ্যাঙ্গুলারজেএস টিমের লেখা এইটি দেখুন ।


আরও কিছু
বিবরণও সরবরাহ

3

এইচটিএমএলতে এটি নীচে হিসাবে কৌণিক দ্বারা প্রদত্ত সীমাবদ্ধতা ফিল্টার সহ ব্যবহৃত হয় ,

    <p> {{limitTo:30 | keepDots }} </p>

ফিল্টার কিপডস:

     App.filter('keepDots' , keepDots)

       function keepDots() {

        return function(input,scope) {
            if(!input) return;

             if(input.length > 20)
                return input+'...';
            else
                return input;

        }


    }

3

আপনি যদি এর মতো কিছু চান: ইনপুটস্ট্রিং => স্ট্রিং পার্ট 1 ... স্ট্রিং পার্ট 2

এইচটিএমএল:

<html ng-app="myApp">
  <body>
    {{ "AngularJS string limit example" | strLimit: 10 : 20 }}
  </body>
</html>

কৌনিক কোড:

 var myApp = angular.module('myApp', []);

 myApp.filter('strLimit', ['$filter', function($filter) {
   return function(input, beginlimit, endlimit) {
      if (! input) return;
      if (input.length <= beginlimit + endlimit) {
          return input;
      }

      return $filter('limitTo')(input, beginlimit) + '...' + $filter('limitTo')(input, -endlimit) ;
   };
}]);

নিম্নলিখিত পরামিতিগুলির সাথে উদাহরণ:
আর্টলিমিট = 10
এন্ডলিমিট = 20

পূর্বে : - / হোম / হাউস / রুম / ইত্যাদি / আভা_বি0363852 ডি549079E3720DF6680E17036.jar এর
পরে : - / হোম / খোস...37২০ ডিএফ 806680০০ ই ১70০3636.জার


2
Use this in your html - {{value | limitTocustom:30 }}

and write this custom filter in your angular file,

app.filter('limitTocustom', function() {
    'use strict';
    return function(input, limit) {
        if (input) {
            if (limit > input.length) {
                return input.slice(0, limit);
            } else {
                return input.slice(0, limit) + '...';
            }
        }
    };
});

// if you initiate app name by variable app. eg: var app = angular.module('appname',[])

2

এটি স্ক্রিপ্টের শেষ থেকে নাও হতে পারে তবে আপনি নীচের সিএসএস ব্যবহার করতে পারেন এবং এই শ্রেণিটি ডিভিতে যুক্ত করতে পারেন। এটি পাঠ্য কেটে ফেলবে এবং মাউসওভারে সম্পূর্ণ পাঠ্যও প্রদর্শন করবে। ক্লাইমে ডিভের শ্রেণি পরিবর্তন করতে আপনি আরও পাঠ্য যুক্ত করতে এবং কৌনিক ক্লিকের হ্যাডেল যুক্ত করতে পারেন

.ellipseContent {
    overflow: hidden;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

    .ellipseContent:hover {
        overflow: visible;
        white-space: normal;
    }

2

আপনার যদি দুটি বাইন্ডিং থাকে {{item.name}}এবং {{item.directory}}

এবং '/ রুট' ডিরেক্টরিটিকে ডিরেক্টরি হিসাবে এবং 'মেশিনকে' (/ রুট-মেশিন) হিসাবে ধরে রেখে নামের পরে ডিরেক্টরি হিসাবে ডেটা প্রদর্শন করতে চান।

{{[item.directory]+[isLast ? '': '/'] + [ item.name]  | limitTo:5}}

আপনি কি ভুল প্রশ্নের উত্তরটি পোস্ট করার কোনও সুযোগ আছে? অ্যাংুলারজেএস দিয়ে স্ট্রিংয়ের দৈর্ঘ্য সীমাবদ্ধ করার সাথে এর কিছু করার নেই বলে মনে হয়।
বিএসএমপি

1

আপনি এই এনপিএম মডিউলটি ব্যবহার করতে পারেন: https://github.com/sparkalow/angular-truncate

আপনার অ্যাপ্লিকেশন মডিউলে এভাবে কাটানো ফিল্টার ইনজেক্ট করুন:

var myApp = angular.module('myApp', ['truncate']); 

এবং এইভাবে আপনার অ্যাপ্লিকেশনটিতে ফিল্টার প্রয়োগ করুন:

{{ text | characters:20 }} 


0

আমি এই নির্দেশটি তৈরি করেছি যা সহজেই তা করে, একটি নির্দিষ্ট সীমাতে স্ট্রিংটি কেটে দেয় এবং একটি "আরও / কম দেখান" টগল যুক্ত করে। আপনি এটি গিটহাবটিতে খুঁজে পেতে পারেন: https://github.com/doukasd/AngularJS- উপাদান

এটি এভাবে ব্যবহার করা যেতে পারে:

<p data-dd-collapse-text="100">{{veryLongText}}</p>

নির্দেশটি এখানে:

// a directive to auto-collapse long text
app.directive('ddCollapseText', ['$compile', function($compile) {
return {
    restrict: 'A',
    replace: true,
    link: function(scope, element, attrs) {

        // start collapsed
        scope.collapsed = false;

        // create the function to toggle the collapse
        scope.toggle = function() {
            scope.collapsed = !scope.collapsed;
        };

        // get the value of the dd-collapse-text attribute
        attrs.$observe('ddCollapseText', function(maxLength) {
            // get the contents of the element
            var text = element.text();

            if (text.length > maxLength) {
                // split the text in two parts, the first always showing
                var firstPart = String(text).substring(0, maxLength);
                var secondPart = String(text).substring(maxLength, text.length);

                // create some new html elements to hold the separate info
                var firstSpan = $compile('<span>' + firstPart + '</span>')(scope);
                var secondSpan = $compile('<span ng-if="collapsed">' + secondPart + '</span>')(scope);
                var moreIndicatorSpan = $compile('<span ng-if="!collapsed">...</span>')(scope);
                var toggleButton = $compile('<span class="collapse-text-toggle" ng-click="toggle()">{{collapsed ? "less" : "more"}}</span>')(scope);

                // remove the current contents of the element
                // and add the new ones we created
                element.empty();
                element.append(firstSpan);
                element.append(secondSpan);
                element.append(moreIndicatorSpan);
                element.append(toggleButton);
            }
        });
    }
};
}]);

এবং এর সাথে যেতে কিছু সিএসএস:

.collapse-text-toggle {
font-size: 0.9em;
color: #666666;
cursor: pointer;
}
.collapse-text-toggle:hover {
color: #222222;
}
.collapse-text-toggle:before {
content: '\00a0(';
}
.collapse-text-toggle:after {
content: ')';
}

0

এই সমাধানটি খাঁটিভাবে এইচটিএমএলে এনজি ট্যাগ ব্যবহার করছে ।

সমাধানটি হ'ল দীর্ঘ পাঠ্যটির শেষে প্রদর্শিত 'আরও দেখান ...' লিঙ্কটি সীমাবদ্ধ করা। যদি ব্যবহারকারী 'আরও দেখান ...' লিঙ্কে ক্লিক করেন তবে এটি বাকী লেখাটি প্রদর্শন করবে এবং 'আরও দেখান ...' লিঙ্কটি সরিয়ে ফেলবে।

এইচটিএমএল:

<div ng-init="limitText=160">
   <p>{{ veryLongText | limitTo: limitText }} 
       <a href="javascript:void(0)" 
           ng-hide="veryLongText.length < limitText" 
           ng-click="limitText = veryLongText.length + 1" > show more..
       </a>
   </p>
</div>

0

সবচেয়ে সহজ সমাধান -> আমি খুঁজে পেয়েছি মেটেরিয়াল ডিজাইনের (1.0.0-rc4) কাজ করতে দেওয়া। md-input-containerআপনার জন্য কাজটি করবে The এটি স্ট্রিংটি সংক্ষিপ্ত করে এবং এলিপেসগুলি যুক্ত করে প্লাস এটির সম্পূর্ণ সুবিধা পেতে আপনাকে এটি ক্লিক করার অনুমতি দেওয়ার অতিরিক্ত সুবিধা রয়েছে যাতে এটি পুরো এনচিলড। আপনার প্রস্থটি সেট করতে হবে md-input-container

এইচটিএমএল:

<md-input-container>
   <md-select id="concat-title" placeholder="{{mytext}}" ng-model="mytext" aria-label="label">
      <md-option ng-selected="mytext" >{{mytext}}
      </md-option>
   </md-select>
</md-input-container>

সি এস:

#concat-title .md-select-value .md-select-icon{
   display: none; //if you want to show chevron remove this
}
#concat-title .md-select-value{
   border-bottom: none; //if you want to show underline remove this
}

0

একটি কাস্টম কৌণিক ফিল্টার সহ শব্দের সংখ্যা সীমাবদ্ধ করুন: আমি এখানে একটি কাস্টম ফিল্টার ব্যবহার করে প্রদর্শিত শব্দের সংখ্যা সীমাবদ্ধ করতে একটি কৌণিক ফিল্টারটি ব্যবহার করেছি।

এইচটিএমএল:

<span>{{dataModelObject.TextValue | limitWordsTo: 38}} ......</span>

কৌণিক / জাভাস্ক্রিপ্ট কোড

angular.module('app')
.filter('limitWordsTo', function () {
    return function (stringData, numberOfWords) {
        //Get array of words (determined by spaces between words)
        var arrayOfWords = stringData.split(" ");

        //Get loop limit
        var loopLimit = numberOfWords > arrayOfWords.length ? arrayOfWords.length : numberOfWords;

        //Create variables to hold limited word string and array iterator
        var limitedString = '', i;
        //Create limited string bounded by limit passed in
        for (i = 0; i < loopLimit; i++) {
            if (i === 0) {
                limitedString = arrayOfWords[i];
            } else {
                limitedString = limitedString + ' ' + arrayOfWords[i];
            }
        }
        return limitedString;
    }; 
}); //End filter

0

এটি আমার জন্য 'স্প্যান', এনজি-শো = "মাইসিটিআরএল.মূল্য। $ ভিউভ্যালু.লেন্থ> আপনার_লিমিট" ... আরও পড়ুন ok 'শেষ স্প্যান'


0

আমি দরকারী ফিল্টার গ্রন্থাগার "অ্যাঙ্গুলার-ফিল্টার" এর একটি দুর্দান্ত সেট ব্যবহার করি এবং তাদের মধ্যে একটি "ট্র্যাঙ্কেট" নামেও দরকারী।

https://github.com/a8m/angular-filter#truncate

ব্যবহার হ'ল:

text | truncate: [length]: [suffix]: [preserve-boolean]
আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.