文章/答案/技术大牛

发布

社区首页 >问答首页 >AngularJS -PHP多重自动完成(Laravel)

问AngularJS -PHP多重自动完成(Laravel)
EN

Stack Overflow用户

提问于 2017-03-29 09:12:08

回答 1查看 301关注 0票数 1

早上好!我有一个多自动完成在AngularJS显示用户的技能。我在php中有两个表/变量，一个具有用户选择的技能($cont->personal_ skills _cat)，另一个具有技能列表($job_categories)。我想展示客户端在多个自动完成中所具有的技能，并且可以从建议列表($job_categories)中添加或删除。现在这是我的密码。谢谢。

注意:它在Laravel中，所以叶片变量在{{}中，而AngularJS变量在<% %>中。

<label>Jobs Categories</label><br>
        <?
        $personal_skills_cat = $jobs_categories;
        $per_skills_cat = json_encode($personal_skills_cat);

        $per_skills_cats = $cont->personal_skills_cat;

        $per_skills_cats = json_decode($per_skills_cats);
        if(isset($per_skills_cats)):
        foreach ($per_skills_cats as $key => $skill_cat): ?>
            <span class="tag">{{$skill_cat->name}}</span>
        <? endforeach;endif;?>
        <br/><br/>

        <multiple-autocomplete id="skills_cat"
                               name="skills_cat"
                               ng-model="skillsFromApi"
                               css-class="someClass"
                               object-property="name"
                               suggestions-arr="{{$per_skills_cat}}">
        </multiple-autocomplete> 
        <input type="hidden" name="skills_cat" value="<%skillsFromApi%>">

javascript

php

angularjs

laravel

回答 1

Stack Overflow用户

回答已采纳

发布于 2017-04-09 18:37:16

我试图在代码中保留您最初的想法，但由于出现错误，我不得不更改几行。另外，我无法访问你的数据，所以我不得不在这方面即兴发挥。

PersonalSkillsController

var myApp = angular.module('myApp', ['multipleSelect']).config(function($interpolateProvider){
    $interpolateProvider.startSymbol('<%').endSymbol('%>');
});

myApp.controller('PersonalSkillsController', ['$scope', function($scope){

    $scope.optionsList = [
        "Java",
        "C",
        "C++",
        "AngularJs",
        "JavaScript"
    ];

    $scope.selectedList = [];

    $scope.setSelectedList = function(list) {
        $scope.selectedList = list;
    };
}]);

文件

<body>

<?php
    $jobs_categories = ["Java","C"];
    $per_skills_cats = json_encode($jobs_categories);
?>

<div ng-controller="PersonalSkillsController" ng-init='setSelectedList(<?php echo $per_skills_cats; ?>)'>
    <multiple-autocomplete
            ng-model="selectedList"
            suggestions-arr="optionsList"></multiple-autocomplete>
</div>
</body>

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/43089199

复制

相似问题

问AngularJS -PHP多重自动完成(Laravel)
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问AngularJS -PHP多重自动完成(Laravel)EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问AngularJS -PHP多重自动完成(Laravel)
EN