moxie-lean / ng-patternlab

Atomic Design Patternlab in Angular for use with the LEAN Ecosystem
http://getmoxied.net/lean
MIT License
0 stars 1 forks source link

[WIP] Select UL first version #90

Open adamf321 opened 7 years ago

adamf321 commented 7 years ago

@andybar2 I'm having trouble getting the directives within the <li>s to compile (the function on line 124 of the directive). If you have a chance tomorrow or Friday could you take a look?

You can use the molecule with something like this:

 <ln-m-select-ul ng-model="realtor"
                  ln-options="realtors"
                  ln-value-field="id"
                  ln-label-field="name"
                  ln-placeholder="Choose Realtor"
                  ln-none="NONE"
                  ln-mobile-none="Choose Realtor"
    >
    </ln-m-select-ul>

Some sample data for scope.realtors:

 $scope.realtors = [
    {
      grid_logo:
        "https://s3-us-west-1.amazonaws.com/rooomyusshadow/22dea5d0-3f06-48aa-ae9c-27b806e59cc0/Grid_AbundanceRealty.png?X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIAJGDA545FTQU6BF5A%2F20160629%2Fus-west-1%2Fs3%2Faws4_request&X-Amz-Date=20160629T234708Z&X-Amz-SignedHeaders=host&X-Amz-Expires=600&X-Amz-Signature=f7d423407204989b01c7cd01192c06d2875b452fbd37a53027ed50823d0cd62a",
      id: "0750fc4b-72e5-44cd-a898-7e37eb27d330",
      name: "Abundance Realty, Inc."
    },
    {
      grid_logo: "https://s3-us-west-1.amazonaws.com/rooomyusshadow/4d1c0bc6-cd90-403a-bd78-485b363c1fca/Grid_CompanyLogo_BerkshireHathaway.png?X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIAJGDA545FTQU6BF5A%2F20160629%2Fus-west-1%2Fs3%2Faws4_request&X-Amz-Date=20160629T234708Z&X-Amz-SignedHeaders=host&X-Amz-Expires=600&X-Amz-Signature=6b3695846b354bd9226b8da6adb92a4c1c2b9508ef22dc40f43e6d36a525bfec",
      id: "cf3e3e80-67d7-4c97-b984-29f01c412fdf",
      name: "BHHS"
    },
    {
      grid_logo: "https://s3-us-west-1.amazonaws.com/rooomyusshadow/c3123f77-7e48-4582-a9c6-1daf11bdbf5a/Grid_BetterHomes.png?X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIAJGDA545FTQU6BF5A%2F20160629%2Fus-west-1%2Fs3%2Faws4_request&X-Amz-Date=20160629T234708Z&X-Amz-SignedHeaders=host&X-Amz-Expires=600&X-Amz-Signature=bf9c952daf3fd6cbe891f6228fa7c75afcbff18e5485011a5250f42b0f03c97a",
      id: "6308816a-a57a-423c-9b77-e323862023d1",
      name: "Better Homes and Gardens"
    }
  ];
andybar2 commented 7 years ago

@adamf321 I've fixed the compilation of the sub-directives. See the following PR: https://github.com/moxie-lean/ng-patternlab/pull/95 which you can merge into your branch if you need it.