search

hsuanxyz / ionic-tags-input

A ionic tags input component
https://stackblitz.com/edit/ionic-tags-input
MIT License
71 stars 24 forks source link

maxTags input #6

Open marciborba opened 7 years ago

marciborba commented 7 years ago

Hi. Thanks for the great component.

I am trying to use the maxTags option, but it isn't limiting the tags. I have tried this: <ion-tags-input [(ngModel)]="tags" [color]="'warn'" [placeholder]="'Search'" [maxTags]="1"></ion-tags-input> and this: <ion-tags-input [(ngModel)]="tags" [color]="'warn'" [placeholder]="'Search'" [maxTags]="'1'"></ion-tags-input>

My project is an ionic 3 app. Can you help me please?

hsuanxyz commented 7 years ago

Let me see your dependencies in package.json

AsimNet commented 7 years ago

even [once] doesn't work!..

this is my package file:

{
    "name": "ionic-hello-world",
    "version": "0.0.0",
    "author": "Ionic Framework",
    "homepage": "http://ionicframework.com/",
    "private": true,
    "scripts": {
        "clean": "ionic-app-scripts clean",
        "build": "ionic-app-scripts build",
        "ionic:build": "ionic-app-scripts build",
        "ionic:serve": "ionic-app-scripts serve"
    },
    "dependencies": {
        "@angular/common": "4.1.3",
        "@angular/compiler": "4.1.3",
        "@angular/compiler-cli": "4.1.3",
        "@angular/core": "4.1.3",
        "@angular/forms": "4.1.3",
        "@angular/http": "4.1.3",
        "@angular/platform-browser": "4.1.3",
        "@angular/platform-browser-dynamic": "4.1.3",
        "@ionic-native/app-availability": "^3.12.1",
        "@ionic-native/camera": "^3.10.3",
        "@ionic-native/core": "3.12.1",
        "@ionic-native/crop": "^3.13.1",
        "@ionic-native/deeplinks": "^3.10.3",
        "@ionic-native/device": "^3.12.1",
        "@ionic-native/email-composer": "^3.12.1",
        "@ionic-native/file": "^3.14.0",
        "@ionic-native/file-transfer": "^4.0.0",
        "@ionic-native/globalization": "^3.10.3",
        "@ionic-native/google-analytics": "^3.10.3",
        "@ionic-native/in-app-browser": "^3.12.1",
        "@ionic-native/keyboard": "^3.12.1",
        "@ionic-native/native-page-transitions": "^3.13.1",
        "@ionic-native/network": "^3.10.3",
        "@ionic-native/onesignal": "^3.10.3",
        "@ionic-native/social-sharing": "^3.10.3",
        "@ionic-native/splash-screen": "3.12.1",
        "@ionic-native/status-bar": "^3.12.1",
        "@ionic-native/transfer": "^3.12.1",
        "@ionic-native/twitter-connect": "^3.10.3",
        "@ionic/storage": "^2.0.1",
        "@ngx-translate/core": "^6.0.1",
        "@ngx-translate/http-loader": "0.0.3",
        "ajv": "^5.2.2",
        "com-sarriaroman-photoviewer": "^1.1.10",
        "cordova-android": "^6.2.3",
        "cordova-android-play-services-gradle-release": "0.0.2",
        "cordova-browser": "^4.1.0",
        "cordova-ios": "^4.4.0",
        "cordova-plugin-appavailability": "^0.4.2",
        "cordova-plugin-camera": "~2.4.1",
        "cordova-plugin-console": "^1.0.5",
        "cordova-plugin-crop": "^0.4.0",
        "cordova-plugin-device": "^1.1.4",
        "cordova-plugin-email": "^1.2.6",
        "cordova-plugin-file": "~4.3.3",
        "cordova-plugin-file-transfer": "~1.6.3",
        "cordova-plugin-globalization": "~1.0.7",
        "cordova-plugin-google-analytics": "~1.8.2",
        "cordova-plugin-inappbrowser": "^1.7.1",
        "cordova-plugin-network-information": "^1.3.3",
        "cordova-plugin-splashscreen": "^4.0.3",
        "cordova-plugin-statusbar": "^2.2.1",
        "cordova-plugin-whitelist": "^1.3.1",
        "cordova-plugin-x-socialsharing": "^5.1.8",
        "cordova-sqlite-storage": "~2.0.4",
        "dargs": "^5.1.0",
        "es6-promise-plugin": "^4.1.0",
        "firebase": "^4.0.0",
        "help": "^3.0.2",
        "imgcache.js": "^1.1.1",
        "install": "^0.10.1",
        "ionic-angular": "3.5.3",
        "ionic-img-viewer": "^2.4.0",
        "ionic-plugin-deeplinks": "^1.0.15",
        "ionic-plugin-keyboard": "^2.2.1",
        "ionic-tags-input": "0.0.6",
        "ionic2-super-tabs": "^2.6.2",
        "ionicons": "3.0.0",
        "node-libs-browser": "^0.4.0",
        "node-sass": "^4.5.3",
        "npm": "^4.6.1",
        "onesignal-cordova-plugin": "~2.1.1",
        "promise-polyfill": "^6.0.2",
        "rxjs": "5.4.0",
        "sw-toolbox": "3.6.0",
        "twitter-connect-plugin": "^0.6.0",
        "webpack": "^1.9.11",
        "zone.js": "0.8.12"
    },
    "devDependencies": {
        "@ionic/app-scripts": "2.0.2",
        "@ionic/cli-plugin-cordova": "1.4.1",
        "@ionic/cli-plugin-gulp": "1.0.2",
        "@ionic/cli-plugin-ionic-angular": "1.3.2",
        "gulp": "^3.9.1",
        "gulp-shell": "^0.6.3",
        "typescript": "2.3.4"
    },
    "cordovaPlugins": [
        "cordova-plugin-whitelist",
        "cordova-plugin-console",
        "cordova-plugin-statusbar",
        "cordova-plugin-device",
        "cordova-plugin-splashscreen",
        "ionic-plugin-keyboard"
    ],
    "cordovaPlatforms": [
        "ios",
        {
            "platform": "ios",
            "version": "",
            "locator": "ios"
        }
    ],
    "description": "myApp: An Ionic project",
    "cordova": {
        "plugins": {
            "ionic-plugin-deeplinks": {
                "URL_SCHEME": "amaniapp",
                "DEEPLINK_SCHEME": "https",
                "DEEPLINK_HOST": "amaniapp.net",
                "ANDROID_PATH_PREFIX": "/",
                "ANDROID_2_PATH_PREFIX": "/",
                "ANDROID_3_PATH_PREFIX": "/",
                "ANDROID_4_PATH_PREFIX": "/",
                "ANDROID_5_PATH_PREFIX": "/",
                "DEEPLINK_2_SCHEME": " ",
                "DEEPLINK_2_HOST": " ",
                "DEEPLINK_3_SCHEME": " ",
                "DEEPLINK_3_HOST": " ",
                "DEEPLINK_4_SCHEME": " ",
                "DEEPLINK_4_HOST": " ",
                "DEEPLINK_5_SCHEME": " ",
                "DEEPLINK_5_HOST": " "
            },
            "cordova-plugin-camera": {
                "CAMERA_USAGE_DESCRIPTION": " ",
                "PHOTOLIBRARY_USAGE_DESCRIPTION": " "
            },
            "cordova-plugin-console": {},
            "cordova-plugin-device": {},
            "cordova-plugin-globalization": {},
            "cordova-plugin-google-analytics": {},
            "cordova-plugin-inappbrowser": {},
            "cordova-plugin-splashscreen": {},
            "cordova-plugin-statusbar": {},
            "cordova-plugin-whitelist": {},
            "cordova-sqlite-storage": {},
            "ionic-plugin-keyboard": {},
            "onesignal-cordova-plugin": {},
            "twitter-connect-plugin": {
                "FABRIC_KEY": "78d8436ce163ffdbf08b972d87713fe341761dc2"
            },
            "cordova-plugin-x-socialsharing": {},
            "cordova-plugin-network-information": {},
            "cordova-plugin-file": {},
            "cordova-plugin-file-transfer": {},
            "cordova-plugin-email": {},
            "cordova-plugin-appavailability": {},
            "cordova-android-play-services-gradle-release": {},
            "cordova-plugin-crop": {},
            "com-sarriaroman-photoviewer": {}
        },
        "platforms": [
            "android",
            "browser",
            "ios"
        ]
    }
}
marciborba commented 7 years ago

that is my package.json

{
    "name": "ionic-hello-world",
    "version": "0.0.0",
    "author": "Ionic Framework",
    "homepage": "http://ionicframework.com/",
    "private": true,
    "scripts": {
        "clean": "ionic-app-scripts clean",
        "build": "ionic-app-scripts build",
        "lint": "ionic-app-scripts lint",
        "ionic:build": "ionic-app-scripts build",
        "ionic:serve": "ionic-app-scripts serve"
    },
    "dependencies": {
        "@angular/cli": "^1.2.0",
        "@angular/common": "4.1.3",
        "@angular/compiler": "4.1.3",
        "@angular/compiler-cli": "4.1.3",
        "@angular/core": "4.1.3",
        "@angular/forms": "4.1.3",
        "@angular/http": "4.1.3",
        "@angular/platform-browser": "4.1.3",
        "@angular/platform-browser-dynamic": "4.1.3",
        "@ionic-native/core": "3.12.1",
        "@ionic-native/facebook": "^3.12.1",
        "@ionic-native/geolocation": "^3.14.0",
        "@ionic-native/google-plus": "^3.12.1",
        "@ionic-native/social-sharing": "^3.14.0",
        "@ionic-native/splash-screen": "^3.12.1",
        "@ionic-native/status-bar": "3.12.1",
        "@ionic/storage": "2.0.1",
        "angularfire2": "^4.0.0-rc.1",
        "cordova-android": "^6.2.3",
        "cordova-plugin-device": "1.1.4",
        "cordova-plugin-facebook4": "^1.9.1",
        "cordova-plugin-googleplus": "^5.1.1",
        "cordova-plugin-splashscreen": "~4.0.1",
        "cordova-plugin-statusbar": "2.2.2",
        "cordova-plugin-whitelist": "1.3.1",
        "cordova-plugin-x-socialsharing": "^5.1.8",
        "es6-promise-plugin": "^4.1.0",
        "firebase": "^4.1.3",
        "ionic-angular": "3.5.0",
        "ionic-plugin-keyboard": "~2.2.1",
        "ionic-tags-input": "0.0.6",
        "ionicons": "3.0.0",
        "moment": "^2.18.1",
        "promise-polyfill": "6.0.2",
        "rxjs": "5.4.0",
        "sw-toolbox": "3.6.0",
        "zone.js": "0.8.12"
    },
    "devDependencies": {
        "@ionic/app-scripts": "1.3.12",
        "typescript": "2.3.4"
    },
    "cordovaPlugins": [
        "cordova-plugin-whitelist",
        "cordova-plugin-console",
        "cordova-plugin-statusbar",
        "cordova-plugin-device",
        "cordova-plugin-splashscreen",
        "ionic-plugin-keyboard"
    ],
    "cordovaPlatforms": [],
    "description": "An Ionic project",
    "cordova": {
        "plugins": {
            "cordova-plugin-facebook4": {
                "APP_ID": "XXXX",
                "APP_NAME": "XXXX"
            },
            "cordova-plugin-device": {},
            "cordova-plugin-splashscreen": {},
            "cordova-plugin-statusbar": {},
            "cordova-plugin-whitelist": {},
            "ionic-plugin-keyboard": {},
            "cordova-plugin-googleplus": {
                "REVERSE_CLIENT_ID": "XXXX"
            },
            "cordova-plugin-x-socialsharing": {}
        },
        "platforms": [
            "android"
        ]
    }
}

and I tried use 'once' too