2016-06-15 2 views
1

マイ角度スキーマフォームはインラインglyphiconsを置き忘れ、彼らは代わりにページの右上隅に表示されます:このアプリは、発電の角度を使用して、ヨーマンで構築された pic場違いglyphicons

HTML:

<div class="login-container"> 
    <form name="myForm" 
     sf-schema="schema" 
     sf-form="form" 
     sf-model="model" 
     ng-submit="onSubmit(myForm)"></form> 
</div> 

TS:私はディレクティブ間の競合を検索してみました

angular.module('playgroundApp') 
.controller('FormCtrl', ['$scope', function($scope) { 
    $scope.schema = { 
    "type": "object", 
    "title": "Types", 
    "properties": { 
     "string": { 
     "type": "string", 
     "minLength": 3 
     }, 
     "integer": { 
     "type": "integer" 
     }, 
     "number": { 
     "type": "number" 
     }, 
     "boolean": { 
     "type": "boolean" 
     } 
    }, 
    "required": [ 
     "number" 
    ] 
    }; 

    $scope.form = [ 
    "*", 
    { 
     "type": "submit", 
     "title": "OK" 
    } 
    ]; 

    $scope.model = {}; 

    $scope.onSubmit = function(form) { 
    // First we broadcast an event so all fields validate themselves 
    $scope.$broadcast('schemaFormValidate'); 

    // Then we check if the form is valid 
    if (form.$valid) { 
     // ... do whatever you need to do with your data. 
    } 
    } 
}]); 

が、残念ながら私はplunkrで動作を再現することができませんでした。

bower.json:

{ 
    "name": "playground", 
    "version": "0.0.0", 
    "dependencies": { 
    "angular": "^1.5.3", 
    "bootstrap": "^3.2.0", 
    "angular-animate": "^1.3.0", 
    "angular-cookies": "^1.3.0", 
    "angular-resource": "^1.3.0", 
    "angular-route": "^1.3.0", 
    "angular-sanitize": "^1.3.0", 
    "angular-touch": "^1.3.0", 
    "angular-ui-grid": "~3.1.1", 
    "angular-ui-router": "~0.2.15", 
    "ngstorage": "~0.3.9", 
    "angular-ui-layout": "~1.3.0", 
    "angular-bootstrap": "~0.14.3", 
    "moment": "~2.10.6", 
    "lodash": "~3.10.1", 
    "angular-wizard": "~0.5.5", 
    "ui-select": "angular-ui-select#~0.16.0", 
    "select2": "~3.4.5", 
    "angular-flash-alert": "~2.2.5", 
    "angular-gantt": "^1.2.13", 
    "angular-strap": "^2.3.7", 
    "angular-schema-form": "~0.8.13", 
    "angular-ui-tree": "~2.15.0", 
    "components-font-awesome": "~4.6.1", 
    "woodman": "~1.1.0", 
    "angular-ui-bootstrap": "~1.0.3", 
    "angular-picklist": "*", 
    "jquery-ui": "~1.11.4", 
    "angular-schema-form-bootstrap": "~0.2.0", 
    "angular-schema-form-datepicker": "~0.4.0", 
    "jquery": "~3.0.0" 
    }, 
    "devDependencies": { 
    "angular-mocks": "^1.3.0", 
    "ui-select": "angular-ui-select#~0.16.0" 
    }, 
    "appPath": "app", 
    "moduleName": "playgroundApp", 
    "overrides": { 
    "bootstrap": { 
     "main": [ 
     "less/bootstrap.less", 
     "dist/css/bootstrap.css", 
     "dist/js/bootstrap.js" 
     ] 
    } 
    }, 
    "resolutions": { 
    "lodash": "~3.10.1", 
    "angular-mocks": "^1.3.0" 
    } 
} 

更新:4ヶ月間、この問題を無視していました。それに直面して、最新の角度スキーマ形式と角度スキーマ形式のブートストラップをインストールし、問題はなくなりました。

+0

F12開発ツールの要素を右クリックして調べて、CSSに問題がないかどうかを確認します。 –

答えて

0

これらのアイコンに問題がある場合は、文書定義hereに記載されているように、フォーム定義の各フィールドに追加することを無効にすることができます。'feedback': false

ベストソリューションではないかもしれませんが、アイコンなしで暮らすことができれば助けになります。

関連する問題